Hello

I am trying to add the properties into surveyjs, but it's not going adding. Can someone help with it.
This is my code.

//add a property to the survey object
    Survey.Serializer.addProperty("survey", "tag:number");
    //add a property to the page object
    Survey.Serializer.addProperty("page", {
      name: "tag:number",
      default: 1
    });
    //add a property to the base question class and as result to all questions
    Survey.Serializer.addProperty("question", {
      name: "tag:number",
      default: 0
    });

Survey.Serializer.addProperty("survey",{ name: "showProgressBar2", default: "off", choices: ["off", "top", "bottom"] });

SurveyCreator.StylesManager.applyTheme("bootstrap");

On 1/8/2020 2:31 PM, Support Support wrote:

add properties before SurveyJS Creator constructed and use the

Code

question

Code

class instead of questionbase

Hello,

The sample (mentioned above) - https://surveyjs.io/Examples/Survey-Creator/?id=addproperties&theme=bootstrap
Contains exactly the code you've posted (in part of the "tag" property). Does this example work for you?

Can you modify this plunker - https://plnkr.co/edit/NxbVED5BDkxJkhKuUjZq?p=preview to illustrate your issue?

Thanks, Serge
SurveyJS Team

I want to add   a category to the properties. what do you suggest me

On 1/9/2020 10:36 AM, Support Support wrote:

Hello,

Could you describe in greater details - to what kind of object (survey, page or specific question type) do you want to add this property, what kind of property it should be - string, numeric or choices and so on?

Thanks, Serge
SurveyJS Team

I want to achieve this as example https://embed.plnkr.co/mmvORb6K9ZoNzaJkll8c/
My issues, I cannot display the category into my surveyjs as mention above. can you help ?

var categories = [null,"reaction time","time analysis","heart rate"]
            Survey.JsonObject.metaData.addProperty("question", {name: "category01", choices: categories});
            Survey.JsonObject.metaData.addProperty("question", {name: "category2", choices: categories});
            Survey.JsonObject.metaData.addProperty("question", {name: "category3", choices: categories});

On 1/9/2020 10:46 AM, Support Support wrote:

Hello,

Unfortunately, we can't fully understand you. In the link you posted above category1, category2, category3 properties already attached to every question (look at screenshot below). Does it feet your needs?

Thanks, Alex
SurveyJS Team

How can we add a new property for a specific question or to all?

On 1/9/2020 3:07 PM, Support Support wrote:

Hello,

Probably there is some misunderstanding here.

You were asked how "to add the properties into surveyjs".
We've give you a link to a live sample on our site - https://surveyjs.io/Examples/Survey-Creator/?id=addproperties&theme=bootstrap
And then the plunker - https://surveyjs.io/Examples/Survey-Creator/?id=addproperties&theme=bootstrap

In the sample you've sent - https://embed.plnkr.co/mmvORb6K9ZoNzaJkll8c/
The properties already added and Alex sent you a screenshot demonstrating where you can see added properties in SurveyJS Creator window.

Can you explain your expectations in greater details for us to provide you a solution?

Thanks, Serge
SurveyJS Team

I am having issues with the integration of properties to a specific question or all.

What  I want to achieve is to create a dropdown property assign it to a question type, but I am trying to copy the code from the link that you sent to me is not working as expected. when I dragged and dropped a question  I am not seeing my category dropdown to the property I am wondering if there is something that misses. see my code below

var categories = [null,"reaction time","time analysis","heart rate"]
        Survey.Serializer.addProperty("question", {name: "category01", choices: categories});
        Survey.Serializer.addProperty("question", {name: "category2", choices: categories});
        Survey.Serializer.addProperty("question", {name: "category3", choices: categories});

SurveyCreator.StylesManager.applyTheme("bootstrap");

let options = { showEmbededSurveyTab: true, showLogicTab: true };
    this.surveyCreator = new SurveyCreator.SurveyCreator(
      "surveyCreatorContainer",
      options
    );

On 1/10/2020 9:06 AM, Support Support wrote:

Hello,

when I dragged and dropped a question  I am not seeing my category dropdown to the property

You can find the category dropdown in the property grid on the right side as shown on this screenshot:

Where are you expecting to see these properties?

Thanks, Serge
SurveyJS Team

It's not showing on the right side

On 1/10/2020 10:20 AM, Support Support wrote:

see my screenshot

On 1/10/2020 10:20 AM, Support Support wrote:

Hello,

Earlier you sent us a link on the sample - https://embed.plnkr.co/mmvORb6K9ZoNzaJkll8c/
Properties in this sample are being added. Does this sample works for you?

This sample (https://embed.plnkr.co/mmvORb6K9ZoNzaJkll8c/) uses the very old version of SurveyJS - 0.12.26.
The current version is the 1.1.29. And here is the working sample for the current version - https://plnkr.co/edit/E5wlCIbRQjo0erALbqTg?p=preview
Could you check it and tell us whether it works for you?

If the above samples don't work please provide us with your plunker illustrating the issue.
In this case we'll be able to check it and find out what's wrong.

Thanks, Serge
SurveyJS Team

It's not working. I am using vuejs

<template>
  <div>
    <input
      type="text"
      class="form-control"
      placeholder="NAAM"
      v-model="txtname"
    />
    <br /><br />
    <div id="surveyCreatorContainer"></div>
  </div>
</template>

<script>
import * as SurveyCreator from "survey-creator";
import * as Survey from "survey-jquery";
import "survey-creator/survey-creator.css";
import * as SurveyKo from "survey-knockout";
import * as widgets from "surveyjs-widgets";
import "inputmask/dist/inputmask/phone-codes/phone.js";
import Sidebar from "src/sidebarLinks.js";

widgets.icheck(SurveyKo);
widgets.select2(SurveyKo);
widgets.inputmask(SurveyKo);
widgets.jquerybarrating(SurveyKo);
//widgets.jqueryuidatepicker(Survey);
widgets.nouislider(SurveyKo);
widgets.select2tagbox(SurveyKo);
widgets.signaturepad(SurveyKo);
widgets.sortablejs(SurveyKo);
widgets.ckeditor(SurveyKo);
widgets.autocomplete(SurveyKo);
widgets.bootstrapslider(SurveyKo);

export default {
  name: "survey-creator",

data() {
    return { txtname: "" };
  },

mounted() {
    debugger;

var categories = [null,"reaction time","time analysis","heart rate"]
        Survey.Serializer.addProperty("questionbase", {name: "category1", choices: categories});
        Survey.Serializer.addProperty("questionbase", {name: "category2", choices: categories});
        Survey.Serializer.addProperty("questionbase", {name: "category3", choices: categories});

SurveyCreator.StylesManager.applyTheme("bootstrap");

let options = { showEmbededSurveyTab: true, showLogicTab: true };

this.surveyCreator = new SurveyCreator.SurveyCreator(
      "surveyCreatorContainer",
      options,
    );

Sidebar[1].children = [];

this.surveyCreator.haveCommercialLicense = true;
    let vm = this;

Survey.saveSurveyFunc = function() {

let createdBy = vm.$session.get("id");

let config = {
        headers: {
          Authorization: "Bearer " + vm.$session.get("access_token"),
          "Content-Type": "application/json",
          Accept: "application/json",
          "X-Requested-With": "XMLHttpRequest"
        }
      };
      vm.$axios
        .post(
          `${vm.$apiURL}formCreation`,
          {
            formContents: this.text,
            createdBy: createdBy,
            formSubcategoryIDs: "[1,2,3]",
            name: vm.txtname
          },
          config
        )
        .then(results => {
          if (results.status == 200) {
            vm.$router.push({ name: "form-list" });
          } else {
          }
        })
        .catch(error => {
          console.log(error);
        });
    };
  }
};
</script>

Code
<!-- Add "scoped" attribute to limit CSS to this component only -->  

<style scoped></style>

On 1/10/2020 10:37 AM, Support Support wrote:

plunker illustrating

Hello,

Let me explain. SurveyCreator using knockout version of SurveyJS Library. So in your case you need also add properties to knockout version of SurveyJS. Just add lines like below:

JavaScript
SurveyKo.Serializer.addProperty("questionbase", {name: "category1", choices: categories});

Also we added example of adding custom properties in our SurveyJS Vue Quickstart repository. You may clone and investigate it. Does it solve your problem?

Thanks, Alex
SurveyJS Team

Hello guys!!

I would like to trigger the event of next page? if someone i want to navigate to the next page ,what function to  be called?

On 1/10/2020 9:06 AM, Support Support wrote:

Hello,

I've created a separate ticket on your behalf (T3291: How to change current page programmatically?). It has been placed in our processing queue and will be answered shortly.

Thanks, Serge
SurveyJS Team

Hello!!

is it possible to add your own widget where you can drag and drop on the question grid ? if yes, how  to do it?

On 1/10/2020 9:06 AM, Support Support wrote:

Hello,

I've created a separate ticket on your behalf (T3312: Add your own widget into Survey Creator). It has been placed in our processing queue and will be answered shortly.

I am not using survey Editor, i am using  surveycreator

How  do I assign a json  object to my variable using surveycreator instead of survey Editor?

On 1/24/2020 10:14 AM, Support Support wrote:

Hello,
SurveyJS Creator is a new name for SurveyJS Editor. We changed it almost a year ago, because Editor name confused some users. So the code would be the same.

PS: Please create a new thread for new question, otherwise it is hard to follow up.

Thank you,
Andrew
SurveyJS Team

I am trying to customize a widget but  its not applying to my widget.

widgets.icheck(SurveyKo);
widgets.select2(SurveyKo);
widgets.inputmask(SurveyKo);
widgets.jquerybarrating(SurveyKo);
//widgets.jqueryuidatepicker(Survey);
widgets.nouislider(SurveyKo);
widgets.select2tagbox(SurveyKo);
widgets.signaturepad(SurveyKo);
widgets.sortablejs(SurveyKo);
widgets.ckeditor(SurveyKo);
widgets.autocomplete(SurveyKo);
widgets.bootstrapslider(SurveyKo);

export default {
  name: "survey-creator",

data() {
    return { txtname: "" };
  },

mounted() {

debugger

var categories = [
      "real madrid",
      "reaction time",
      "time analysis",
      "heart rate"
    ];

SurveyKo.Serializer.addProperty("question", {
      name: "category1",
      choices: categories
    });

SurveyKo
    .Serializer
    .addProperty("question", {
        name: "tag:number",
        default: 1
    });

SurveyCreator.StylesManager.applyTheme("bootstrap");

let options = { showEmbededSurveyTab: true, showLogicTab: true };

let surveyCreator = new SurveyCreator.SurveyCreator(
      "surveyCreatorContainer",
      options
    );

surveyCreator.text= JSON.stringify({
    elements: [
        {
            type: "textwithbutton",
            name: "q1",
            placeHolder: "put some text here",
            buttonText: "Custom button text"

}
    ]
});

On 1/24/2020 1:56 PM, Support Support wrote:

Hello,

I've created a separate ticket on your behalf (T3320: How to customize a widget). It has been placed in our processing queue and will be answered shortly.

Thanks, Alex
SurveyJS Team

Is it possible to install surveyjs in .NET Mvc C# if so, how do i install

On 1/9/2020 10:46 AM, Support Support wrote: