Sometimes it is hard to understand in what context a question is. It can be a standalone question or a cell question in matrix or a question inside dynamic panel. The parentQuestion property solve this problem.

  /**
   * A parent question. It can be a dynamic panel or dynamic/dropdown matrices. If the value is a matrix, it means that question is a cell question.
   * This property is null for a stand alone question.
   */
  public get parentQuestion(): Question;

Are you requesting a feature, reporting a bug or asking a question?

Reporting a bug

What is the current behavior?

onServerValidateQuestions doesn't get called on the last page if showPreviewBeforeComplete is set.

What is the expected behavior?

onServerValidateQuestions should be called on every page.

How would you reproduce the current behavior (if this is a bug)?

Using the test page provided below, you'll noticed that page3 is never printed to the console unless you remove showPreviewBeforeComplete from the survey.

Provide the test code and the tested page URL (if applicable)

Tested page URL: https://plnkr.co/edit/KBfdqN77mlIFxUGB

Test code

Survey
    .StylesManager
    .applyTheme("modern");

//assign call to onServerValidateQuestions callback
function surveyValidateQuestion(survey, options) {
    console.log(survey.currentPage.name);
    options.complete();
}

var json = {
 "pages": [
  {
   "name": "page1",
   "elements": [
    {
     "type": "boolean",
     "name": "question1",
     "isRequired": true
    }
   ]
  },
  {
   "name": "page2",
   "elements": [
    {
     "type": "boolean",
     "name": "question2",
     "isRequired": true
    }
   ]
  },
  {
   "name": "page3",
   "elements": [
    {
     "type": "boolean",
     "name": "question3",
     "isRequired": true
    }
   ]
  }
 ],
 "showPreviewBeforeComplete": "showAllQuestions"
};

window.survey = new Survey.Model(json);

survey
    .onComplete
    .add(function (result) {
        document
            .querySelector('#surveyResult')
            .textContent = "Result JSON:\n" + JSON.stringify(result.data, null, 3);
    });

survey
    .onServerValidateQuestions
    .add(surveyValidateQuestion);
$("#surveyElement").Survey({model: survey});

Specify your

• browser: Microsoft Edge
• browser version: 87.0.664.47
• surveyjs platform (angular or react or jquery or knockout or vue): jquery
• surveyjs version: 1.8.18

The following expression sum(["1", "2"]) will give "12" when the most users expect it to be 3.

Dynamic panel removes value as "matrixName-total", since it could not find question with this name. We should check for "-total" post prefix before removing this key from the value.

We have the state for the panel: https://surveyjs.io/Documentation/Library?id=panelmodel#state

Need to implement the same for all questions.

Possible values: default , collapsed, expanded

We are calling onMatrixRowRemoved event before the row is actually removed from the matrix. We should call this event after.

See the https://surveyjs.answerdesk.io/ticket/details/t2523/gonextpageautomatic thread for more details

This will allow to apply markdown selectively, e.g. for titles only

See the https://surveyjs.answerdesk.io/ticket/details/t5676/and-how-can-i-check-for-individual-keyup-on-every-other-text-fields-the-context-is thread for more details

We have a code duplication it these three classes for text preprocessing. It should be removed.

renderWidth in contentPanel in composite component should have "100%" value.

Are you requesting a feature, reporting a bug or asking a question?

Bug

What is the current behavior?

When running react in dev mode you see the following error:

Warning: Each child in an array or iterator should have a unique "key" prop.

Check the render method of `SurveyQuestionMultipleText`. See https://fb.me/react-warning-keys for more information.
    in span (created by SurveyQuestionMultipleText)
    in SurveyQuestionMultipleText (created by SurveyQuestion)
    in div (created by SurveyQuestion)
    in div (created by SurveyQuestion)
    in SurveyQuestion (created by SurveyRow)
    in div (created by SurveyRow)
    in SurveyRow (created by SurveyPage)
    in div (created by SurveyPage)
    in SurveyPage (created by Survey)
    in div (created by Survey)
    in div (created by Survey)
    in form (created by Survey)
    in div (created by Survey)
    in Survey

What is the expected behavior?

Warning should not appear

How would you reproduce the current behavior (if this is a bug)?

Behavior is visible in default react example page

Provide the test code and the tested page URL (if applicable)

Tested page URL: https://surveyjs.io/Examples/Library/?id=questiontype-multipletext&platform=Reactjs

var json = {
    questions: [
        {
            type: "multipletext",
            name: "pricelimit",
            title: "What is the... ",
            colCount: 2,
            items: [
                {
                    name: "mostamount",
                    title: "Most amount you would every pay for a product like ours"
                }, {
                    name: "leastamount",
                    title: "The least amount you would feel comfortable paying"
                }
            ]
        }
    ]
};

Specify your

• browser: All
• surveyjs platform (angular or react or jquery or knockout or vue): React
• surveyjs version: 1.8.14

End-user can edit text in "Translation" tab, even if creator is read only: creator.readOnly = true;.

The following code duplicated the choices property in the property grid:

Survey.Serializer.addProperty("selectbase", {
      name: "testProperty:boolean",
      category: "choices",
    });

The following code will change the display text for questions that use choose in condition property editor:

creator.onGetObjectDisplayName.add(function (sender, options) {
 //We can change showing question display name for all UI elements or for only some of them 
//Here we change them for "condition" editor only
 if(options.reason !== "condition") return;
 options.displayName = options.obj.title + " [" + options.obj.name + "]";
});

Set this option to 1 to have only one logic item in conditions, user will not be able to add "Or"/"And" item. You can set it to 2 to limit to only two logic items and so on. Example:

      var options = {
        showLogicTab: true,
        maxLogicItemsInCondition: 1
      };
      var creator = new SurveyCreator.SurveyCreator("editor", options);

Getting this issue

If detailPanelMode is "underRowSingle" then the last detail panel with errored question(s) closes previous detail panels with erorrs. It should not.

See this ticket for more details.

See the https://surveyjs.answerdesk.io/ticket/details/t5726/survey-logo-title-position thread for more details

The following JSON in composite component doesn't work:

{
      type: "dropdown",
      isRequired: true,
      renderAs: "select2",
      choicesByUrl: {
        url: "https://www.universal-tutorial.com/api/states/{composite.country}",
        titleName: "state_name",
      },
      name: "state",
      title: "State",
    }

We do not pre-process this variable {composite.country}, where 'country' is another question in the composite component.

By default we have "Default (English)" and "English" locale. It confuses end-users. We should remove "English" locale in our case and any default locale, in case, it is different from English.

See the https://surveyjs.answerdesk.io/ticket/details/t5738/refresh-button-almost-invisible thread for more details:

Hello.

While testing pdf library we found that bug. A question like this:

  {
   "type": "boolean",
   "name": "test",
   "defaultValue": "false",
   "label": {
    "en": "test question"
   },
   "valueTrue": "1",
   "valueFalse": "0"
  }

produces this result

{"test":"1"}

This works fine in browser but when printing to pdf with survey-pdf prints as false. pdf generation only works with {"test": true} Should evaluate result against valueTrue and valueFalse for printing.

Thanks

We need to use UTC as stored date/time format. It should correctly selects date, write it to question value in UTC and restore. See the https://surveyjs.answerdesk.io/ticket/details/t5725/bootstrap-datepicker-need-to-use-utc thread for more details

This is possible breaking change

Optionally, show detail panel for every row. It should take elements from detailElements property or developer could create them in code via event. The functionality is required by Creator v2.

New added properties:

• detailPanelMode, ["none", "underRow", "underRowSingle"]. Default is "none", the detail Panel is not shown. "underRow" - shows the detail panel under the row and "underRowSingle" works as "underRow" but allows to show only one detail panel, it hides the previous opened detail panel.
• detailElements - the array of elements that detail panel shows.
• detailPanel - the template panel. detailElements equals to detailPanel.elements

See the https://surveyjs.io/Examples/Library?id=survey-lazy&platform=Reactjs&theme=modern example.

React adds new question slow. It re-renders all elements on the page. Removing changing state on changing "elements" array, since we need to react on "rows" array only and do not rerender rows and their elements that are not changed. It improves performance in almost x10 times in case of 10 questions on the page, x100 times in case of 100 questions on a page and x1000 times in case of 1000 questions on the page.

See the https://surveyjs.answerdesk.io/ticket/details/t5629/creator-angular-survey-creation-title-logo-add-editor thread for more details

The following code will generate the JSON schema

Survey.Serializer.generateSchema();

It will contain all properties/components/customwidgets you have added. It will take into account removing/changing properties as well. Use the following code to generate the text:

JSON.stringify(Survey.Serializer.generateSchema(), null, 4)

This code can be used on client(browser) or in NodeJS server code.

If there are several errors in one column in different row, then we generate the same error id for different rows in knockout.

For panels that has expand/collapse buttons aria-expanded and aria-controls attributes are required.

Steps to reproduce. Load survey in SurveyJS Creator with a panel and a question it it, then delete the question. The area for dropping questions, "Please drop a question here from the Toolbox" is invisible and you can't drop anything on the panel.

We have a specific code for "dynamic panel". We should remove this check and make the code question type agnostic.

The original issue was reported into SurveyJS Support Desk.

The original issue came from SurveyJS Support Desk.

See the https://surveyjs.answerdesk.io/ticket/details/t5642/expanding-drop-zone-in-a-panel-element thread for more details

See the https://surveyjs.answerdesk.io/ticket/details/t5675/creator-tab-change-kills-url thread for more details

See the https://surveyjs.answerdesk.io/ticket/details/t5657/creator-possibility-of-drag-drop-sortable-list-type-question-items-among-each-other thread for more details

See the https://surveyjs.answerdesk.io/ticket/details/t5690/bootstrap-datepicker-formatting-not-applied-on-initial-if-used-with-defaultvalueexpression thread for more details

var json = {
    "elements": [
        {
            "name": "date",
            "type": "bootstrapdatepicker",
            "inputType": "date",
            "title": "Your favorite date:",
            "defaultValueExpression": "today()",
            "dateFormat": "MM dd, yyyy",
            "isRequired": true
        }
    ]
};

The initial value (today) is not properly formatted

When we are calling clearIncorrectValues() function, choices could be not come from the server yet. The easy solution is do nothing if choicesByUrlis set, but activeChocies is empty yet.

Matrix dynamic question can't edit array of survey elements, for examples question.choices or survey.calculatedValues. We should change the code so it will be possible to use matrix dynamic for editing SurveyJS elements arrays.

The original issue came to SurveyJS Support Desk. Here is the plunker that shows the issue.

If user press "Next" or "Complete" button fast, then the server validation can performed several times. We have to disable calling validations the second time and wait to complete the first validations. Here is the link on original ticket.

Set this property different to 0 to limit the number of selected choices in the checkbox. Unselected choices will be disabled if the number of selected equals to maxSelectedChoices property. A use will not be able to select more then maxSelectedChoices items.

Some users want different rendering for a boolean question - switch/checkbox See the https://surveyjs.answerdesk.io/ticket/details/t5476/multiple-choice-questions-using-matrix thread for more details

#1813 # Are you requesting a feature, reporting a bug or asking a question?

Bug

What is the current behavior?

When setting "startWithNewLine": false on a text type question the Preview is crashing.

What is the expected behavior?

To view the Preview page

How would you reproduce the current behavior (if this is a bug)?

See the json below. For the bug to occur, you have to implement onUpdateQuestionCssClasses. The crash happens when calling sender.state or sender.isDisplayMode.

Provide the test code and the tested page URL (if applicable)

Tested page URL:

Test code

{
  "showPreviewBeforeComplete": "showAllQuestions",
  "pages": [
    {
      "name": "page_organization",
      "title": "Test page startWithNewLine",
      "elements": [
        {
          "type": "text",
          "name": "ContactPhoneWithCountryCode",
          "title": "Telephone"
        },
        {
          "type": "text",
          "name": "ContactPhoneExtension",
          "startWithNewLine": false,
          "title": "Extension"
        }
      ]
    }
  ]
}

 survey.onUpdateQuestionCssClasses.add((sender, options) => {
        const classes = options.cssClasses;

        if (sender.state == "preview") {

        }

       if (sender.isDisplayMode === true) {

       }
 });

vue.esm.js:1897 RangeError: Maximum call stack size exceeded
    at VueSurveyModel.Base.getPropertyValue (survey-vue.js:2450)
    at VueSurveyModel.get [as mode] (survey-vue.js:17029)
    at Array.<anonymous> (surveyInit.ts:125)
    at Event.fire (survey-vue.js:3248)
    at VueSurveyModel.SurveyModel.updateQuestionCssClasses (survey-vue.js:18659)
    at QuestionTextModel.get [as cssClasses] (survey-vue.js:4190)
    at QuestionTextModel.Question.getIndentSize (survey-vue.js:4463)
    at QuestionTextModel.Question.onIndentChanged (survey-vue.js:4458)
    at Object.<anonymous> (survey-vue.js:3549)
    at QuestionTextModel.Base.propertyValueChanged (survey-vue.js:2537)

Specify your

• browser: any
• browser version: any
• surveyjs platform (angular or react or jquery or knockout or vue): Vue
• surveyjs version: 1.8.12

The original issue was reported in SurveyJS Support desk

dropdown/radiogroup/checkbox cell question with hasOther doesn't load the comment value.

For panel title not display. It always is display:none

The original issue was created in SurveyJS support desk.

in this commit "columnIndex" key in row 9 has been removed resulting in a warning when rendering matrix.vue component. https://github.com/surveyjs/survey-library/commit/a0ed68dddb22a6c9360b07267c572d800ef97530

<th v-for="column in question.visibleColumns" :key="columnIndex" :class="question.cssClasses.headerCell">

should be

<th v-for="(column, columnIndex) in question.visibleColumns" :key="columnIndex" :class="question.cssClasses.headerCell">

@gologames

Hi @andrewtelnov thanks for the quick reply ! I forked your example, here is mine: https://plnkr.co/edit/PlHC94Vg18R9P30o

I can add two rows. After that neither the "add row" or "remove row" button work:

Originally posted by @simevo in https://github.com/surveyjs/survey-library/issues/2443#issuecomment-723638099

The original issue was created in SurveyJS Support Desk. The following trigger will go to "question1" on any cell change if the "Col1" in the first row is 1:

      {
        type: "skip",
        expression: "{matrix[0].Col1} = 1",
        gotoName: "question1",
      }

It should focus the "question1" on changing this cell only into 1.

Add readOnly property into dropdown column property editor

"select2" widget is not activated after this code:

Survey.CustomWidgetCollection.Instance.setActivatedBy("select2", "type");

See the https://surveyjs.answerdesk.io/ticket/details/t5577/why-data-is-clear-when-masking-is-applied-on-textbox thread for more details

Add survey.editingObj: Base property. When it is not empty the survey will use editingObj properties as values. For example:

var survey = new Survey.SurveyModel(); 
survey.editingObj = anotherSurvey.getQuestionByName("question1");
var name = survey.getValue("name"); //name will be equal to question1
survey.setValue("isRequired", true); //question1 becomes required

The idea is to allow edit any object properties by our Survey

If survey.clearInvisibleValues is not "none", survey asks invsible question to clear their values. However it doesn't work for composite question.

If there is a comment for a question inside dynamic panel, for example comment for other value in radiogroup, then clearIncorrectValues function clears it. It should keep comment value in this case.

See original issue

onPropertyChanged or onItemValuePropertyChanged question callbacks doesn't work when item of ":multiplevalues" property checked/unchecked. For example, it leads to incorrect work of Undo/Redo functionality in Creator. UPD: Here is the simple example:

Survey.Serializer.addProperty("carowner", {name: "letters:multiplevalues", choices: ["A", "B", "C", "D", "E", "F"] });

SurveyJS Creator creates a list of checkboxes from "A", ... ,"F" and the value of the property is an array on letters.

Currently, the SurveyJS Library creates a standard property for this type, while it should create a wrapper for JavaScript array to override push/pop/unshift/splice functions and call property change notification.

There are two issues there. At first server validation, survey.onServerValidateQuestions event, executed on next page, and doesn't take into account that checkErrorMode is "onComplete". The second issue, on focusing question it doesn't change the current page and if the question with the error is located on a previous page, not the last one, end-user will not see any error and the last page will be the current one.

The original issue came from SurveyJS Support Desk.

Add removeNonExisingRootKeys parameter, it is false by default.

//@param removeNonExisingRootKeys - set this parameter to true to remove keys from survey.data that doesn't have corresponded questions and calculated values
public clearIncorrectValues(removeNonExisingRootKeys: boolean = false);

  /**
   * An expression that returns true or false. If it returns true the Panel becomes required.
   * The library runs the expression on survey start and on changing a question value. 
   * If the property is empty then isRequired property is used.
   * @see isRequired
   */
panel.requiredIf(): string;

Translation tab creates a group for non serializable properties. It should not.

At the moment question actions are shown on question hover. Sometimes (for elements in the same line) this leads to actions overlapping and weird UI. See the https://surveyjs.answerdesk.io/ticket/details/t5530/start-in-new-line-view-bugs thread for more details.

I've changed hover question highlighting from actions display to showing question border on hover

Add orientation property:

{
 name: "orientation",
 default: "horizontal",
 choices: ["horizontal", "vertical"],
 category: "general"
}

1. Go to https://plnkr.co/edit/Ru1uuCWejE8mJXgT

2. Click choice of required question and get this:

3. Then click next and get this:

Warning: setState(...): Cannot update during an existing state transition (such as within render or another component's constructor). Render methods should be a pure function of props and state; constructor side-effects are an anti-pattern, but can be moved to componentWillMount.

this warning appears every time when i click next

I have some questions that have visible: "false" That means they are invisible to users.

I want to track the survey completion progress. So, I have set the following: "progressBarType":"questions"

Then I have this in the js file: var surveyProgress = survey.getProgress(); console.log(surveyProgress);

Are you requesting a feature, reporting a bug or asking a question?

bug

asking question

What is the current behavior?

survey.getProgress() logs weird output on console. Even when the survey is answered fully then also the progress is not 100 percent.

What is the expected behavior?

If say 6 out of 23 visible questions are answered then the progress should be 26 percent.

How would you reproduce the current behavior (if this is a bug)?

survey.getProgress() logs incorrect output on console.

Provide the test code and the tested page URL (if applicable)

Tested page URL:

Test code

your_code_here

Specify your

• browser: chrome
• browser version: 84+
• surveyjs platform (angular or react or jquery or knockout or vue): jquery
• surveyjs version: 1.8.6

See the https://surveyjs.answerdesk.io/ticket/details/t5460/upload-files-in-survey-delete-item thread for more details

autoComplete property set the autocomplete attribute for html input tag.

Let's say we have the following JSON:

{
      checkErrorsMode: "onComplete",
      pages: [
        {
          elements: [
            { type: "text", name: "q0" },
            { type: "text", name: "q1", isRequired: true },
          ],
        },
        {
          elements: [{ type: "text", name: "q2", isRequired: true }],
        },
        {
          elements: [{ type: "text", name: "q3", isRequired: true }],
        },
      ],
    }

If a user click button "Next" and then "Complete" without entering any data, then it should come back into first page and the question "q1", the first question with the error should be focused. Currently it doesn't work correctly, question "q0" is focused.

By default we show one row with all columns in condition property editor. For example: dynamicMatrixQuestionName[0].columnName. You can change this property to show more rows, by setting it to 2, Survey.settings.matrixMaxRowCountInCondition = 2; will add colums for the second row as : dynamicMatrixQuestionName[1].columnName if matrix rowCount is 2 or bigger.

The original request came from SurveyJS Support Desk.

Disable reactive properties to change the element state during rendering by moving all rendering into protected renderElement(). Here is the render() function code in SurveyElementBase class:

  render(): JSX.Element {
    if (!this.canRender()) return null;
    this.isRenderingValue = true;
    var res = this.renderElement();
    this.isRenderingValue = false;
    return res;
  }

We should use renderElement() function in our react classes. The read-only protected isRendering property will block chaning state on changing the value react properties that can happen during react rendering.

This attribute works for objects that uses in arrays. Currently we use this attribute for matrixdropdowncolumn and calculatedvalue classes. Here is the definition of calculatedvalue.

Serializer.addClass(
  "calculatedvalue",
  [{name: "!name", isUnique: true}, "expression:expression", "includeIntoResult:boolean"],
  function() {
    return new CalculatedValue();
  },
  "base"
);

If you do not want to have a unique column names for matrix dropdown/dynamic please use the following code:

Survey.Serializer.findProperty("matrixdropdowncolumn", "name").isUnique = false;

There is a "undefined" error if you are using tagbox custom widget in the matrix dynamic/dropdown as a cell question.

The idea is to avoid untificial notifying Vue on property change during rendering

See the https://surveyjs.answerdesk.io/ticket/details/t5457/after-removing-the-title-image-adorner-an-invalid-image-placeholder-shows-up-in-title thread for more details

We have the following property in text question now and we need to support it:

    {
      name: "autoComplete",
      dataList: [
        "name",
        "honorific-prefix",
        "given-name",
        "additional-name",
        "family-name",
        "honorific-suffix",
        "nickname",
        "organization-title",
        "username",
        "new-password",
        "current-password",
        "organization",
        "street-address",
        "address-line1",
        "address-line2",
        "address-line3",
        "address-level4",
        "address-level3",
        "address-level2",
        "address-level1",
        "country",
        "country-name",
        "postal-code",
        "cc-name",
        "cc-given-name",
        "cc-additional-name",
        "cc-family-name",
        "cc-number",
        "cc-exp",
        "cc-exp-month",
        "cc-exp-year",
        "cc-csc",
        "cc-type",
        "transaction-currency",
        "transaction-amount",
        "language",
        "bday",
        "bday-day",
        "bday-month",
        "bday-year",
        "sex",
        "url",
        "photo",
        "tel",
        "tel-country-code",
        "tel-national",
        "tel-area-code",
        "tel-local",
        "tel-local-prefix",
        "tel-local-suffix",
        "tel-extension",
        "email",
        "impp",
      ],
    }

Show error and do not allow to set non-unique property value to the object. Please read more about isUnique property attribute here.

See the https://surveyjs.answerdesk.io/ticket/details/t5490/setting-allowaddremoveitems-to-false-in-onsetpropertyeditoroptions-does-not-work thread for more details

Choices item adorner doesn't respect the allowAddRemoveItems option also

Running the code, that makes columns property read-only, will still allow to modify name and title column properties in the table.

Survey.Serializer.findProperty("matrixdropdownbase", "columns").readOnly = true;

This code should make nested properties read-only as well.

  creator.onGetPropertyReadOnly.add(function(sender, options){
      options.readOnly = isLoadingJSON || options.obj.wasInJSON;
  });

See the https://surveyjs.answerdesk.io/ticket/details/t5487/differentiate-between-questions-loaded-from-json-and-newly-added-questions-dynamic thread for more details

  creator.onElementAllowOperations.add(function (sender, options) {
      var allow = !isLoadingJSON && !options.obj.wasInJSON;
      options.allowDelete = allow;
      options.allowEdit = allow;
      options.allowCopy = allow;
      options.allowAddToToolbox = allow;
      options.allowDragging = allow;
      options.allowChangeType = allow;
      options.allowChangeRequired = allow;
      options.allowShowHideTitle = allow;
  });

See the https://surveyjs.answerdesk.io/ticket/details/t5487/differentiate-between-questions-loaded-from-json-and-newly-added-questions-dynamic thread for more details

See the https://surveyjs.answerdesk.io/ticket/details/t5459/analytics-visualization-modebar-ui-issue thread for more details

It should be default: "mm/dd/yyyy" instead of default: "'mm/dd/yyyy'".

If a file question read-only, then choose file button is disabled, but drag-over area still accept files, also it should not.

There is no way to insert a new page as the first one or the second. We need to add a parameter into survey.addNewPage and survey.addPage functions.

  /**
   * Adds an existing page to the survey.
   * @param page a newly added page
   * @param index - a page index to where insert a page. It is -1 by default and the page will be added into the end.
   * @see addNewPage
   */
  public addPage(page: PageModel, index: number = -1);
  /**
   * Creates a new page and adds it to a survey. Generates a new name if the `name` parameter is not specified.
   * @param name a page name
   * @param index - a page index to where insert a new page. It is -1 by default and the page will be added into the end.
   * @see addPage
   */
  public addNewPage(name: string = null, index: number = -1) ;

Additionally makes the survey.createNewPage() function public:

  /**
   * Creates and returns a new page, but do not add it into the survey.
   * You can use addPage(page) function to add it into survey later.
   * @see addPage
   * @see addNewPage
   */
  public createNewPage(name: string): PageModel;

Example of using:

var newPage = survey.createNewPage("new Page");
newPage.addNewQuestion("text", "newQuestion");
survey.addPage(newPage, 0);
survey.currentPageNo = 0;

Are you requesting a feature, reporting a bug or asking a question?

Bug

What is the current behavior?

If you change the language of the survey, the locale of the progressbar does not change.

What is the expected behavior?

Progressbar should update too.

How would you reproduce the current behavior (if this is a bug)?

Change the locale. https://plnkr.co/edit/0o1cxceHuYOFXKyq

Provide the test code and the tested page URL (if applicable)

Tested page URL: https://plnkr.co/edit/0o1cxceHuYOFXKyq

Specify your

• browser: Chrome
• browser version: 86
• surveyjs platform (angular or react or jquery or knockout or vue): angular
• surveyjs version: 1.8.8

SurveyWindow should renders window header only one time.

You can get the followng warning: "Warning: Can't perform a React state update on an unmounted component" because of localizable string did not perform correctly unmount.

The following code should work and should not return any error in NodeJS:

const Survey = require("./survey.core");

var survey = new Survey.SurveyModel({
  pages: [
    {
      elements: [
        { type: "text", name: "q1", isRequired: true },
        { type: "text", name: "q2" },
      ],
    },
    {
      elements: [
        { type: "text", name: "q2" },
        { type: "text", name: "q3" },
      ],
    },
  ],
});
survey.nextPage();
console.log(survey.pages.length.toString());

See the https://surveyjs.answerdesk.io/ticket/details/t5424/analytics-angular-register-visualizer-as-selectbaseplotly-for-rating-type-question thread for more details:

I want to render visualization with bar/pie/doughnut for text type question. (For example: the question is for postal_code)

See the https://surveyjs.answerdesk.io/ticket/details/t5436/how-can-i-show-top-20-10-5-answers-in-pie-doughnut-visualization-also thread for more details

Select2 optinally allows to add new tag. We should add this option as: allowAddNewTag:boolean, false by default.

TypeError: Cannot read property 'getemptymask' of undefined at HTMLInputElement.el.onblur (inputmask.js:98) at removeChild (react-dom.js:1364) at Object.processUpdates (react-dom.js:1510) at Object.dangerouslyProcessChildrenUpdates [as processChildrenUpdates] (react-dom.js:6766) at processQueue (react-dom.js:10215) at ReactDOMComponent._updateChildren (react-dom.js:10431) at ReactDOMComponent.updateChildren (react-dom.js:10375) at ReactDOMComponent._updateDOMChildren (react-dom.js:6357) at ReactDOMComponent.updateComponent (react-dom.js:6171) at ReactDOMComponent.receiveComponent (react-dom.js:6133)

Json "elements": [ { "type": "text", "inputType": "date", "inputMask": "datetime", "inputFormat": "dd/mm/yyyy", "name": "QBday", "startWithNewLine": false, "title": "What is your Birthday?", //"dateFormat": "dd/mm/yy", "isRequired": true, "validators": [ { "type": "expression", "text": "You should be atleast 10 years or older", "expression": "age() >= 10" } ], "max": "31/12/2999", "description": "Remember age is just a number :-)" } ]

In which type of situation, this error appears in surveyjs

  /**
   * Run all triggers that performs on value changed and not on moving to the next page.
   */
  public runTriggers(): void;

You can use this function if you have modified your survey difinition and add new triggers and want to run them on setting the previous entered data:

survey.data = previousEnteredData;
survey.runTriggers(); //run triggers like copyvalue, setvalue, runexpression.

The original issue came from SurveyJS support desk. On clicking checkbox items in modern theme vue generates an error

The following code new ConditionsParser().parseExpression("{val} == '000'").toString() will return " == 000". What is worth the following code:

var expr = "{val} == '000'";
expr = new ConditionsParser().parseExpression(expr).toString();
expr = new ConditionsParser().parseExpression(expr).toString();

will set expr to "{val} == 0" instead of keep the same value "{val} == '000'"

Are you requesting a feature, reporting a bug or ask a question?

A bug.

What is the current behavior?

Rating "Rate step" HTML5 validation error on correct value.

What is the expected behavior?

No HTML5 validation errors.

How would you reproduce the current behavior (if this is a bug)?

It happens when Survey Creator is embedded on a page and HTML5 form validation triggered.

Specify your

• browser: Google Chrome 85.0.4183.121 (Official Build) (64-bit)
• editor version: 1.8.6

Simplify the code and instead of using onComplete event, use surveyPostId survey property.

Setting Survey Creator localization locale as: SurveyCreator.localization.currentLocale = "fr"; doesn't set locale 'fr' for surveys that we use in condition property editor. As result localization strings for internal surveys are still in "en" locale.

If an end-user enters into condition value in the condition property editor value as "012" or "000" we should recognize that it is not a number, but string and put it into quotes as: {val} == '000'`.

The original issue came from SurveyJS Support Desk.

Currently we have only two bindable property: rowCount in matrix dynamic and panelCount in panel dynamic. We will add bindable properties based on our users requests and their scenarios. Bindable property - you can create a two way binding between a question value and another question property. The following JSON set the binding for dynamic panel panelCount property:

  {
   "elements": [
    {
     "type": "text",
     "name": "elCount",
     "inputType": "number",
     "defaultValue": 3
    },
    {
     "type": "paneldynamic",
     "name": "panel1",
     "bindings": {
      "panelCount": "elCount"
     }
    }
   ]
  }

On changing elCount question value, the panel count for panel dynamic is changing and vise versa, on adding/removing panels in the panel dynamic, the value in elCount is changing accordingly.

Are you requesting a feature, reporting a bug or asking a question?

bug

What is the current behavior?

When using a dot in a question name triggers do not work

What is the expected behavior?

Triggers work with dots in question name

How would you reproduce the current behavior (if this is a bug)?

Create a question with a dot in question name. Use a trigger with this question name.

Provide the test code and the tested page URL (if applicable)

Test code

{
 "pages": [
  {
   "name": "page1",
   "elements": [
    {
     "type": "dropdown",
     "name": "question1",
     "choices": [
      "item1",
      "item2",
      "item3",
      "item4"
     ]
    },
    {
     "type": "text",
     "name": "question.name2"
    }
   ]
  }
 ],
 "triggers": [
  {
   "type": "setvalue",
   "expression": "{question1} anyof ['item1', 'item2']",
   "setToName": "question.name2",
   "setValue": "one"
  },
  {
   "type": "setvalue",
   "expression": "{question1} anyof ['item3', 'item4']",
   "setToName": "question.name2",
   "setValue": "two"
  }
 ]
}

Specify your

• browser: Chrome
• browser version: 85.0.4183.102
• surveyjs platform (angular or react or jquery or knockout or vue): vue
• survey-vue version: 1.8.5

Event if rating values are numbers, for react and vue the result becomes as string, "3", instead of 3.

Are you requesting a feature, reporting a bug or asking a question?

Bug

What is the current behavior?

showInvisibleElements does only affect choicesVisibleIf but not:

• visibleIf of choices/rows/columns
• columnsVisibleIf
• rowsVisibleIf

What is the expected behavior?

All visibility conditions should be affected.

How would you reproduce the current behavior (if this is a bug)?

Set showInvisibleElements to true and see if the elements get visible.

Provide the test code and the tested page URL (if applicable)

Tested page URL: https://plnkr.co/edit/Yb6iHIuO4s51xmH4 The option "Tesla" should be visible in the first question.

Specify your

• browser: Chrome
• browser version: 85
• surveyjs platform (angular or react or jquery or knockout or vue): Angular
• surveyjs version: 1.8.4

  /**
   * Use this event to change the question no in code. If you want to remove question numbering then set showQuestionNumbers to "off".
   * <br/> `sender` - the survey object that fires the event.
   * <br/> `options.no` - a calculated question no, based on question `visibleIndex`, survey `.questionStartIndex` properties. You can change it.
   * <br/> `options.question` - a question object.
   * @see showQuestionNumbers
   * @see questionStartIndex
   */
  public onGetQuestionNo: Event<
    (sender: SurveyModel, options: any) => any,
    any
  > = new Event<(sender: SurveyModel, options: any) => any, any>();

Example of using:

  survey.onGetQuestionNo.add(function (sender, options) {
    options.no = "a.b." + options.no + ")";
  });

or

  survey.onGetQuestionNo.add(function (sender, options) {
    options.no = "a.b." + (options.question.visibleIndex + 1) + ")";
  });

The following JSON will not work, untill the second matrix first row is empty:

{
    questions: [
      {
        name: "q1",
        type: "matrixdropdown",
        columns: [{ name: "col1" }, { name: "col2" }],
        rows: ["row1", "row2"],
        cellType: "text",
      },
      {
        name: "q2",
        type: "matrixdropdown",
        columns: [{ name: "col3" }, { name: "col4" }],
        rows: ["row3", "row4"],
        cellType: "text",
      },
    ],
    triggers: [
      {
        type: "copyvalue",
        expression: "{q1.row1.col1} notempty",
        fromName: "q1.row1.col1",
        setToName: "q2.row3.col3",
      },
    ],
  }

Here is the small JSON

{
      clearInvisibleValues: "onHidden",
      elements: [
        {
          name: "q1",
          type: "text",
          defaultValue: 1,
          visible: false,
        },
      ],
    }

By default question is invisible, but it has value since defaultValue set the value into question. However, it is not expected, since survey.clearInvisibleValues is 'onHidden'. On making the question visible, and then invisible and visible again, the value becomes empty, also it would be expected to have it 1, the defaultValue. We should keep the value empty until the question is invisible and set the defaultValue on making the question visible when survey.clearInvisibleValues is 'onHidden'.

Are you requesting a feature, reporting a bug or asking a question?

Reporting a BUG

What is the current behavior?

When using Matrix with Vue, when you choose an answer it becomes unresponsive for a few seconds, depending on how long is the matrix, then in console it throws a error

vue.js:634 [Vue warn]: You may have an infinite update loop in a component render function.

found in

---> <SurveyMatrix> at src/vue/matrix.vue

How would you reproduce the current behavior (if this is a bug)?

Provide the test code and the tested page URL (if applicable)

https://plnkr.co/edit/9RhKmqvlkSaoqs2k

Specify your

• browser: Chrome
• browser version: 85.0.4183.121
• surveyjs platform (angular or react or jquery or knockout or vue): Vue
• surveyjs version: 1.8.6

We are returning 0 for even if question value is undefined and not an empty array. However, if the question1 value was the array, and then it becomes an undefined/null value then we start to return undefined, on using internal ProcessValue.getValueInfo() function. It uses the cached path and if a value in this path becomes undefined then it returns undefined as well. We should return 0. It is the expected value in an expression in this case.

The issue was introduced several months ago due perfomance optimization - we do not create the path for the complex values "a.b.c.d" on getting the value every time.

The following code should work:

  FunctionFactory.Instance.register("getCustValue", function getCustValue(
    params
  ) {
   //access to a question instance without passing it into params as question name: this.survey.getQuestionByName(params[0])
    return this.question.inputType == "number" ? this.question.value : 0;
  });
  var survey = new SurveyModel({
    elements: [
      {
        name: "q1",
        type: "text",
        validators: [{ type: "expression", expression: "getCustValue() > 5" }],
      },
    ],
  });

If there is a code like this:

  creator.onQuestionAdded.add(function (sender, options) {
    options.question.title = "new title";
  });

then it would require to click two times on "Undo" to remove the question. Changing title will be added as a new undo transaction. If there are several properties changes, then more "Undo" clicks would be required. The same story with onPageAdded and onPanelAdded events.

creator.onGetObjectTextInPropertyGrid event can use any property of the selected object, not only name and title. Right now it is called on changing name and title properties only.

Call the following code for example: creator.updateObjectTextInPropertyGrid(creator.survey.getQuestionByName("question1");

To show the help in the property grid, you have to modify your localization as the following:

//Get default localization strings
var curStrings = SurveyCreator.localization.getLocale("");
curStrings.pehelp.title = "Here is the help for title property for all object types";
//If we do not define question_title/page_title/survey_title, then title help will be used.
curStrings.pehelp.question_title = "Here is the help for question title property";
curStrings.pehelp.page_title = "Here is the help for page title property";
curStrings.pehelp.survey_title = "Here is the help for survey title property";

Some scenarios can require to pre-process chart data before display: hide items with zero answers count, show top N or other similar cases. We need to support some cases out of the box and provide a mechanism to implement such user requirements.

See the https://surveyjs.answerdesk.io/ticket/details/t5339/analytics-angular-hide-not-chosen-choices-from-the-visualization https://surveyjs.answerdesk.io/ticket/details/t5348/analytics-angular-how-to-set-orderbyansweres-as-desc-on-initialize-bar-chart threads for more details

We have incorrect unicode symbol "c" in this style name. It produces issues.

On setting dateFormat to "JPEG" the background turns to black.

The following JSON doesn't work:

{
    "type": "text",
    "name": "question1",
    "min": 0,
    "max": 100,
    "inputType": "number"
}

It will work if min and max properties put after inputType property. It should work in all cases.

Current we require to use "=" in properties defaultValue and min/max to tell SurveyJS that we are entering the expression. For example: defaultValue: "=today(-1)", it will set the value by default to yesterday. Unfortunately, it is hard to create a decent UI for this type of property type, when it can be date or number or expression. We decided to introduce new properties that will come into Logic category. defaultValueExpression and minValueExpression/maxValueExpression where user can enter the expression in expression property editor.

Old JSON will continue to work, but on loading from JSON other properties will be used. For example defaultValue: "=today(-1)" will be converted into defaultValueExpression: "today(-1)".

At this moment all logically visible questions on a page or panel rendered always during page rendering. If one has a lot of questions (especially complex questions like matrices) this heavily impact survey page rendering time.

Proposed solution: not to render content (questions) of rows that in the first moment are out of the scrolling area and not visible in the current viewport.

The original request came from SurveyJS support desk. Currently, there is no way to remove some operators. From v1.8.5 it can be done by using this code:

  delete SurveyCreator.SurveyPropertyEditorFactory.operators.contains;
  delete SurveyCreator.SurveyPropertyEditorFactory.operators.notcontains;
  delete SurveyCreator.SurveyPropertyEditorFactory.operators.anyof;
  delete SurveyCreator.SurveyPropertyEditorFactory.operators.allof;

It will remove "contains", "notcontains", "anyof" and "allof".

We have different theme engine and default theme is "modern" that uses "modern.css" file. Embeded Tab becomes out of date. It has to be fixed.

Move help text into invisible by default area. Make the editor height smaller.

At this moment Undo/Redo buttons in JSON editor are always available. This looks weird. And leads to unexpected behavior if pressed. See the https://surveyjs.answerdesk.io/ticket/details/t5321/undo-and-redo-issues-in-json-editor-tab thread for more details.

This should allow to change image format, file name and exported image size

See also this thread - https://surveyjs.answerdesk.io/ticket/details/t5311/analytics-angular-download-plot-as-a-png-with-user-given-filename

Here is the original bug report

If question is read-only initially then datepicker is enabled. It becomes disabled/enabled on chaning the question isReadOnly property value, but doesn't use the initial value.

Currently, columns do not save others and comments with comment postfix: as "columnName-Comment" : columnCommentValue. Matrix cells store comments/others in column value directly. Instead of: {columnName: "other", "columnName-Comment": "valueEnteredIntoOtherInput"} we always have: {columnName: "valueEnteredIntoOtherInput"}, even if survey.storeOthersAsComment equals to true (default value). We have to take into account survey.storeOthersAsComment for matrices. We have to support settings old data format into matrices, since otherwise we could break previous created surveys with old data format.

Is there a way to highlight unanswered questions in type matrix?

isAllRowRequired just gives an error message but no highlight

Show the response from our service on error on saving the survey results. You should set surveyShowDataSaving and surveyPostId, something like this:

survey.surveyShowDataSaving = true;
survey.surveyPostId = "1a81e24f-3a09-4fcc-a915-e76beddf8XXX",

In this case SurveyJS will use our web API to post the survey result into our database and show the progress.

survey.textUpdateMode = "onTyping" should work for text questions with inputType equals to "text" and "number".

Remove knockout observable classes and move css code to model classes.

The following JSON simply doesn't work:

              {
                type: "checkbox",
                name: "question1",
                choicesByUrl: {
                  url: "https://restcountries.eu/rest/v2/all{NOCACHE}",
                  valueName: "name",
                },
              },

Here is the original issue. The requrement is to select just one row in the matrix. If an user select a cell in another row, then clear the previous row.

This code should does the trick - unselect/remove the previously selected row value.

survey.onValueChanging.add(function(sender, options){
  if(options.name !== "ourMatrixQuestionName") return;
  var keys = [];
  for(var key in options.value) {
      keys.push(key);
  }
  if(keys.length == 2 && !!options.oldValue) {
      for(var key in options.oldValue) {
          delete options.value[key];
          break;
      }
  });

Unfortunately, the row.value in the UI model is not changed and as result UI doesn't react on this value modification.

Are you requesting a feature, reporting a bug or asking a question?

Reporting a bug

What is the current behavior?

If date is provided for the future, the age function in expression is still returning true

What is the expected behavior?

Age should only be calculated till current date

How would you reproduce the current behavior (if this is a bug)?

{
            "name": "page3",
            "elements": [
                {
                    "type": "text",
                    "inputType": "date",
                    "inputMask": "datetime",
                    "inputFormat": "dd/mm/yyyy",
                    "name": "QBday",
                    "startWithNewLine": false,
                    "title": "What is your birthday?",
                    //"dateFormat": "dd/mm/yy",
                    "isRequired": true,
                    "validators": [
                        {
                         "type": "expression",
                         "text": "You should be atleast 10 years or older",
                         "expression": "age({QBday}) >= 10"
                        }
                       ],
                       "max": "31/12/2999"
                }
            ]
        }

and then enter date for the future for example 20/10/2035, the expression will evaluate as true

Specify your

• browser: Chrome
• browser version:Version 85.0.4183.102
• surveyjs platform (angular or react or jquery or knockout or vue): React
• surveyjs version:1.8.3

Check the below screenshot depicting the exact issue in the source code in function age. Check the WATCH panel for the evaluated return statement. A simple if check for negative value will do a fix

See the https://surveyjs.answerdesk.io/ticket/details/t5238/accessibility-ensure-elements-with-aria-role-that-require-child-role-contain-them thread for more details

creator.showElementEditor() function can focus the property grid, based on creator options. For example when property grid is used for editing properties, default behavior in the current version. There is a need to show modal window for editing properties without changing the behavior. creator.showModalElementEditor() function does it.

  /**
   * Show the creator dialog. The element can be a question, panel, page or survey.
   * @param element The survey element
   * @param onClose Callback function on closing dialog window. It has isCanceled boolean paratemer. It is true if a user cancel changes.
   * @see onElementEditorClosed
   */
  public showModalElementEditor(
    element: Survey.Base,
    onClose: (isCanceled: boolean) => any = null
  );

While drag it over a panel and drop it through some console error(screen shot attached), but when I click add tagbox in the question designer section, than drag drop on a panel just works as expected.

See the https://surveyjs.answerdesk.io/ticket/details/t5218/tagbox-inside-panel-drag-n-drop-console-error thread for more details

Are you requesting a feature, reporting a bug or asking a question?

feature

What is the current behavior?

clickable only on radio button

What is the expected behavior?

target area should be 'the whole line' of the radio button. even better, highlight the clickable area when hover.

before I use surveyjs, I made this work. probably I can revive it by customise the css. in my opinion, this should be the default behavior?

We do not support questionStartIndex with several numbers like "1.2.10". The second question should have number "1.2.11", or "1.2.10." - the second number is "1.2.11." or "(1.2.10)" - the second number is "(1.2.11)".

#1813 # Are you requesting a feature, reporting a bug or asking a question? Probably a bug

What is the current behavior?

From the preview page (showPreviewBeforeComplete), if you want to edit a question in a survey that have some pages not visible because of some conditions (visibleIf) then your are not redirected to the correct page/question.

What is the expected behavior?

Being redirected to the right page when clicking 'Edit' from the preview page

How would you reproduce the current behavior (if this is a bug)?

1. Using the json below in Survey Creator
2. Answer 'No' on page one. This will make the page 'page_not_visible' not visible.
3. Then continue until the preview.
4. Click preview. So far all is good.
5. Click the edit button of the question 'Question visible' to edit your answer.
6. Problem -> your are not redirected to the right page because page name 'page_not_visible' is not visible.

Provide the test code and the tested page URL (if applicable)

Test code

{
 "pages": [
  {
   "name": "page_one",
   "elements": [
    {
     "type": "boolean",
     "name": "mybool",
     "title": "Answer this question",
     "isRequired": true
    }
   ],
   "title": "First page"
  },
  {
   "name": "page_not_visible",
   "elements": [
    {
     "type": "text",
     "name": "not_visible",
     "title": "Question NOT visible",
     "isRequired": true
    }
   ],
   "visibleIf": "{mybool}  = true",
   "title": "This page should not be visible"
  },
  {
   "name": "page_visible_always",
   "elements": [
    {
     "type": "text",
     "name": "q_visible",
     "title": "Question visible",
     "isRequired": true
    }
   ],
   "title": "This page should always be visible"
  },
  {
   "name": "page_template",
   "elements": [
    {
     "type": "html",
     "name": "start_info",
     "html": "<p>the end</p>"
    }
   ]
  }
 ],
 "showProgressBar": "bottom",
 "showPreviewBeforeComplete": "showAllQuestions"
}

Specify your

• browser: any
• browser version: any
• surveyjs platform (angular or react or jquery or knockout or vue): Vue
• surveyjs version: 1.7.28

Are you requesting a feature, reporting a bug or asking a question?

Bug Report

What is the current behavior?

onLoadChoicesFromServer event is fired ad-infinitum when SurveyModel.data is modified in an event handler, the choicesByUrl url is constructed from the value of another question, and a third question unrelated to those two are modified.

What is the expected behavior?

onLoadChoicesFromServer should only be fired when the choices are loaded from the server and not when unrelated questions are modified.

How would you reproduce the current behavior (if this is a bug)?

Minimal repro case:

https://stackblitz.com/edit/surveyjs-bug-5zdops?file=app/surveyjs.component.ts

There are 4 requirements to reproduce:

1. Add an event handler to onLoadChoicesFromServer
2. The handler must change the SurveyModel.data
3. The dropdown question must use choicesByUrl with a url that is templated from another question. In the repro case, it use the value of another dropdown: https://pokeapi.co/api/v2/pokemon?limit={q_limit} where question q_limit define a few numeric values.
4. A question other than these two must be modified and lose focus to trigger a modification. If you modified 'Limit' it won't happen, just reload the tab and only modify the text field in the repro case.

In the repro case, open the project in a new tab (I highly recommend that because otherwise the editor will become unresponsive) and open the console of your browser. Then, write a value in the question "Text field" and click outside the window.

You will see hundred of console logs from the onLoadChoicesFromServer call. The browser will eventually detect it and terminate the loop but in the case of our more complex application this never stop and create a few important issues.

Specify your

• browser: Chrome/Firefox
• browser version: Latest
• surveyjs platform (angular or react or jquery or knockout or vue): Angular
• surveyjs version: 1.8.1

Are you requesting a feature, reporting a bug or asking a question?

Bug

What is the current behavior?

When dataFormat is set to a value and pressing the delete button, the content is visible after painting again.

What is the expected behavior?

The deleted content should not return.

How would you reproduce the current behavior (if this is a bug)?

• Open https://plnkr.co/edit/v7cCWT9LkRC0C5zE
• Paint something
• Press 'x' to clear
• Paint again
• The content of first painting is visible again

Provide the test code and the tested page URL (if applicable)

Tested page URL: https://plnkr.co/edit/v7cCWT9LkRC0C5zE

Specify your

• browser: Chrome
• browser version: 85
• surveyjs platform (angular or react or jquery or knockout or vue): angular
• surveyjs version: 1.8.2

But will be true if call updateIsAnswered for matrixdynamic question

Live sample in plunker

The following JSON generates stackoverflow:

{
 locale: "de",
 pages: [
  {
   elements: [
    {
     type: "text",
     name: "question10"
    },
    {
     type: "text",
     name: "question11",
     startWithNewLine: false,
    }
   ],
  }],
 firstPageIsStarted: true
}

based on https://surveyjs.answerdesk.io/ticket/details/T5109

work for bootstrap-material 4 and creator integration

For the following JSON, condition property editor will generate incorrect expression for "q2".

{
      elements: [
        { name: "q1", type: "text", valueName: "profile:q1" },
        {
          name: "q2",
          type: "text",
        },
      ],
    }

"visibleIf" property will use {profile:profile:q1} instead of {profile:q1}.

See the T5188 - [Accessibility][Incorrect Control type]Control type of Edit control beside "Input Survey title here" is wrong thread for more details

See the https://surveyjs.answerdesk.io/ticket/details/t5187/accessibility-screenreader-narrator-reads-delete-button-as-group-instead-of-button-in thread for more details

Live sample in plunker

If there is a question with the large number choices, then browser hangs on trying to add a new item

    {
     "type": "radiogroup",
     "name": "q2",
     "choices": [
      "12345671234567890",
      "12345671234567891",
      "12345671234567892"
     ]
    }
   ]

The reason, JavaScript failed to increase 12345671234567892 number.

In the list of devices for testing the survey, is it possible to change the list? Add new ones, remove them etc? We'd like to simplify the list and have portrait the default orientation.

The list is a variable here https://github.com/surveyjs/survey-creator/blob/6489166c784bf930e8ee018eaa5df63f0cd815a4/src/components/simulator.ts#L144 and I'm wondering if it can be overridden somewhere.

Thanks!

Implement the property to set the length of the label where the truncation starts. Set to -1 to disable truncate. Default is 27.

var options = {
  labelTruncateLength: 50,
};

var visPanel = new SurveyAnalytics.VisualizationPanel(
  ...
  options
);

Are you requesting a feature, reporting a bug or asking a question?

Bug

What is the current behavior?

Pressing on a link inside a question description focuses the answer input.

What is the expected behavior?

Pressing on a link should open the link.

How would you reproduce the current behavior (if this is a bug)?

1. Use markdown example
2. Add question description with link
3. Press link

Provide the test code and the tested page URL (if applicable)

Tested page URL: https://plnkr.co/edit/SzheBTFLcoIqDweV

Specify your

• browser: Google Chrome
• browser version: 84
• surveyjs platform (angular or react or jquery or knockout or vue): angular
• surveyjs version: 1.7.24

@andrewtelnov

How do I center the radio buttons. Screenshot below:

Currently they are left aligned

Are you requesting a feature, reporting a bug or asking a question?

What is the current behavior?

What is the expected behavior?

How would you reproduce the current behavior (if this is a bug)?

Provide the test code and the tested page URL (if applicable)

Tested page URL:

Test code

your_code_here

Specify your

• browser:
• browser version:
• surveyjs platform (angular or react or jquery or knockout or vue): Angular
• surveyjs version:

Are you requesting a feature, reporting a bug or asking a question?

Requesting a feature

What is the current behavior?

• If progressBarType=pages the progress bar is calculated using only visible pages of the survey.
• If progressBarType=questions the progress bar is calculated using all questions. If the survey contains invisible questions or the user skipped non-required questions, the progress bar shows 7/9 when the user has actually finished the survey.

What is the expected behavior?

A new option which only uses visible and required questions to calculate the progress bar should be implemented.

1. Count all visible and required questions
2. Count all visible and non-required questions that were answered
3. Add up these numbers. This is the total amount of questions

In the most case it makes sense to convert string to numeric, if this conversion is doable. In this case expression will work with them as numeric when possible. For example, the expression: " + ", where val1: "1" and val2: "2" will return 3. However, in some cases developers need to have these variables as strings and want to have the result "12". To support both scenarios, we are adding the following '#' variable prefix to disable the conversion. " + " will return 3 and " + " will return "12".

Allow to show progress for requried questions only. survey.progressBarType = "requiredQuestions";

Add a new option

// Set this property to false to execute the skip trigger on next page instead of on value change.
Survey.settings.executeSkipTriggerOnValueChanged: true,

To change the behavior run this code: Survey.settings.executeSkipTriggerOnValueChanged = false;

1. Go to https://surveyjs.io/create-survey
2. Open Navigation section in Survey properties
3. Select correctQuestions in Progress Bar Type dropdown
4. ???
5. Dropdown value is empty

P.S. If select correctQuestions again dropdown value will be correct P.P.S. but seems correctQuestions bar type not works at all

based on https://surveyjs.answerdesk.io/ticket/details/T5160

the example to reproduce: https://surveyjs.io/Examples/Survey-Creator?id=toolboxcategories&theme=modern

I got IE11 error "multiple definitions strict mode".

Inspection show that it caused by next code:

e.JsonObject.metaData.addProperty("sortablelist",{name:"emptyText",category:"general",default:"Move items here.",category:"general"})

I think problem is in duplicated category property. I found at least 3 duplications.

Can You fix it?

We should not check for errors for questions like "html" and "expression".

At the current moment the isUploading flag isn't changed to false if uploading callback is called with the error result. This might block the UI or break the further work with this question. We need to reset isUploading to false in case of uploading error.

See the https://surveyjs.answerdesk.io/ticket/details/t5105/upload-keeps-loading-when-upload-actually-failed thread for more details.

By default we do not set visibleIndex for questions with hidden title or title numbers: question.titleLocation = "hidden"; or question.hideNumber = true;. For example, if question2 has hideNumber equals to true then survey renders question titles as: "1. Question 1", "Question 2", "2. Question 3". In some scenarios, developers want to have visibleIndex for question with hidden title and/or hidden numbers and they want survey to render the question titles as: "1. Question 1", "Question 2", "3. Question 3". question2.visibleIndex, in this case, is 1 instead of -1, but question.no is empty string in both cases.

To get this behavior set to true two new settings:

Survey.settings.setQuestionVisibleIndexForHiddenTitle = true;
Survey.settings.setQuestionVisibleIndexForHiddenNumber = true;

Here is the original question: Disable caching getting choices from web services for some specific questions. We introduce and directives that you can add into url. Use this directives to enable/disable caching for this particular url. For example: url: "https://restcountries.eu/rest/v2/all{NOCACHE}".

today([value:number]) function returns the current date. It has an optional parameter, a number that will be added as days to the current date. For example: "today()" - will return the current date 0 hours, 0 minutes "today(1)" will return tommorow "today(-1) will return yesterday "today(2) will return after tomorrow and so on.

The following JSON becomes valid: { type: "text", name: "arrivalDate", min:"=today(1)"}. End-user could not enter the date less than tomorrow.

The following JSON becomes valid: { type: "text", name: "arrivalDate", defaultValue:"=today(1)"}. The default value will be tomorrow.

See the https://surveyjs.answerdesk.io/ticket/details/t5143/signature-widget-blob-format thread for more details.

Added the dataFormat property:

  /**
   * Use it to set the specific dataFormat for the signature pad image data.
   * formats: undefined (default) - png, "image/jpeg" - jpeg, "image/svg+xml" - svg
   */
  public get dataFormat(): string {
    return this.getPropertyValue("dataFormat", undefined);
  }
  public set dataFormat(val: string) {
    this.setPropertyValue("dataFormat", val);
  }

Allow developers to set any text into progress bar.

  /**
   * Use this event to change the progress text in code.
   * <br/> `sender` - the survey object that fires the event.
   * <br/> `options.text` - a progress text, that SurveyJS will render in progress bar.
   * <br/> `options.questionCount` - a number of questions that have input(s). We do not count html or expression questions
   * <br/> `options.answeredQuestionCount` - a number of questions that have input(s) and an user has answered.
   *  @see progressBarType
   */
  public onProgressText: Event<
    (sender: SurveyModel, options: any) => any,
    any
  > = new Event<(sender: SurveyModel, options: any) => any, any>();

Example of showing % of answered questions:

  survey.onProgressText.add((sender: SurveyModel, options: any) => {
    questionCount = options.questionCount;
    answeredQuestionCount = options.answeredQuestionCount;
    options.text =
      "Answered: " +
      (100 * options.answeredQuestionCount) / options.questionCount +
      "%";
  });

when page moved , the setModified of type "PAGE_MOVED" has not excute

It will allow to pick files directly from the property grid and eliminate creator unresponsibility if base64 encoded images are stored in survey JSON.

See the https://surveyjs.answerdesk.io/ticket/details/t5019/upload-file-change-no-file-chosen-text https://surveyjs.answerdesk.io/ticket/details/t5113/survey-logo-makes-app-freeze threads for more details

Creator uses text area for editing translation item (string in a particular locale). The following event will allow to use your own editor:

/**
   * The method is called on after render translation item. You can modify the html element using this event
   * <br/> options.item - translation item
   * <br/> options.htmlElement - text area for editing
   * <br/> options.locale - the name of the editing locale
   * <br/> options.onDestroyCallback - a function callback that is called on remove htmlElement from DOM.
   * @see translation
   * @see showTranslationTab
   */
  public onTranslateItemAfterRender: Survey.Event<
    (sender: SurveyCreator, options: any) => any,
    any
  > = new Survey.Event<(sender: SurveyCreator, options: any) => any, any>();

Example:

      creator.onTranslateItemAfterRender.add(function (sender, options) {
       //get the text area
        var textArea = options.htmlElement;
       //modify the current locale
        var locale = options.locale;
        //options.item.setLocText(options.locale, newText); //modify the item for the current locale, you can use on event.
        options.onDestroyCallback = function () {
             //Un-initialize events/DOM elements on removing textArea from the DOM
        };
      });

See the https://surveyjs.answerdesk.io/ticket/details/t5110/survey-creator-select2-support thread for more details

It should be true by default because if it false we can hide vizualizer but can't show it.

The folloing JSON doesn't work:

{
      pages: [
        {
          name: "p01",
          elements: [
            {
              type: "text",
              name: "question2",
            },
          ],
        },
      ],
      locale: "de",
    }

The original issue created as an issue in SurveyJS help desk.

We set width/min-width attributes for the

based on https://github.com/surveyjs/survey-library/issues/2192#issuecomment-667031856

Are you requesting a feature, reporting a bug or asking a question?

Bug

What is the current behavior?

My goal is to preload data into the survey. When storeOthersAsComment is set to false saving and loading of other is working as expected. But the comment values are not loaded/displayed anymore.

What is the expected behavior?

Values of comment should be displayed when storeOthersAsComment is set to false.

How would you reproduce the current behavior (if this is a bug)?

• Open https://plnkr.co/edit/01lPusQYEIFtxpBb
• The comment of question 2 is empty.
• Set storeOthersAsComment to true and the comment will be displayed

Provide the test code and the tested page URL (if applicable)

Tested page URL: https://plnkr.co/edit/01lPusQYEIFtxpBb

Specify your

• browser: Chrome
• browser version: 84
• surveyjs platform (angular or react or jquery or knockout or vue): angular
• surveyjs version: 1.7.26

In the most cases chaching the choices results from web services is a good idea. However, in some cases developers require to disable this option to get the latest results all the time. The following options has been added into survey settings.

  /**
   * Cache the result for choices getting from web services. Set this property to false, to disable the caching.
   */
  useCachingForChoicesRestfull: true,

Use the following code to disable caching: Survey.settings.useCachingForChoicesRestfull = false;.

Survey converts "undefined" strings on setting question.value into undefined value. It should treat "undefined" string as a string.

Are you requesting a feature, reporting a bug or ask a question?

Reporting a bug

What is the current behavior?

If a new value is assigned to SurveyCreator's readonly property the change is applied only partially in the interface:

• Fields in the properties pane of the current element remain unchanged - editable or readonly depending on the previous state.
• Inline editing of the current page's title and description remains unchanged - enabled or disabled depending on the previous state.
• Inline editing of the Survey's title and description remains unchanged - enabled or disabled depending on the previous state, Once disabled it cannot be enabled anymore.

To see the interface reflect the new setting (enabled or disabled) the user must select a different element (i.e. select a different Page). Then the fields become editable or readonly as expected depending on the value of the setting.

What is the expected behavior?

When readonly is set to false all editing must become enabled, also for the currently selected element. When readonly is set to true all editing must became disabled.

How would you reproduce the current behavior (if this is a bug)?

Change the value of readonly and observe that the interface doesn't reflect the change.

Provide the test code and the tested page URL (if applicable)

Test code surveyCreator.readonly = true; // editing must become disabled surveyCreator.readonly = false; // editing must become enabled

Specify your

• browser: Chrome 84.0.4147.89
• editor version: 1.7.18

See the https://surveyjs.answerdesk.io/ticket/details/t5056/hide-logo-property-without-losing-logo-upload-capability thread for more details.

Image Picker question should react on changing made in choices property editor immediately.

Fixed via this commit with conversion svg to base64