If survey.checkErrosMode is "onNextPage" or "onComplete", but question already shows error, then it makes sense to update error for this question on changing value as "onValueChanged" is set. Here is the example, lets say a survey has several required questions and checkErrorsMode equals to "onNextPage", default value. End-user started to fill out a page and forgot to answer couple of question on the current page, press the Next Page. He will see two errors in questions and survey will focus the first question with the error. On entering by end-user value into required question, he will still see the error and it may confuse him/her. It makes sense to remove the error as "onValueChanged" is set.

The following code should introduce a pages property into page class.

      Survey.Serializer.addProperty("page", {
        name: "pages:surveypages",
        category: "general",
        onGetValue: function (obj) {
          return !!obj && !!obj.survey ? obj.survey.pages : [];
        },
        onSetValue: function (obj) {
          //Do nothing
        },
        isSerializable: false
      });

We have the following expression " <= ", " <= ". If two values ( and ) are undefined then we return false, since JavaScript returns false for undefined <= undefined. However, our expression {v1} = {v2} will return true for undefined values, as well as JavaScript will return true. We decided to return true for undefined values for "less or equal"/"greater or equal" operators. Returning false, confused end-user, non-developers.

If complete trigger was successfully performed and survey was completed based on this trigger then options.isCompleteOnTrigger is true in onCompleting and onCompleted events.

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

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

The survey.currentPage is changing on dragging/changing order of the currentPage. It happens because we are removing the page from the list and then insert it back with another index. As result on removing, the survey founds that the current page was removed and change the current page on the next one. We should block the chaning survey current page on page re-ordering in the Survey Pages Property Editor.

We should not have "Remove all" button in the Survey Pages Property Editor.

And allow to customize the column list. Here is the required code:

      Survey.Serializer.addProperty("page", {
        name: "pages:surveypages",
        className: "page",
        category: "general",
        displayName: "Page order",
        onGetValue: function (obj) {
          return !!obj && !!obj.survey ? obj.survey.pages : [];
        },
        onSetValue: function (obj) {
          //Do nothing
        },
        isSerializable: false,
      });
      SurveyCreator.SurveyQuestionEditorDefinition.definition["page@page"] = {
        properties: ["name"],
      };

sv-question__title--answer is not loading while loading the survey with the saved data.

react and vue requires to call focusing question input with delay (another thread) after changing the current page, since the rendering happens not immediately and coherently for these libraries.

This bug requries functional (E2E) test.

We are using the standard browser dialog for deleting operation in matrix dynamic or panel dynamic. Some developers need to override it. Here is the code that can do it from v1.7.17

Survey.settings.confirmActionFunc = function (message) {
   //Call your own function and return true to confirm the action or false otherwise
   return confirm("Test: " + message);
};

1. Go to https://surveyjs.io/create-survey
2. Add any two questions
3. Go to properties of first question
4. Type some title without blur focus
5. Press ctrl+z
6. ???
7. Missing not only last title symbol but second question too

Possible solution: disable possibility to undo survey when focus inside text input

See the https://surveyjs.answerdesk.io/ticket/details/t4564/not-able-to-edit-title-and-description-of-survey thread for more details:

After editing title or description of survey for first time, one is not able to move focus to title and description by pressing tab key so that one is not able to edit title/description again by keyboard tab flow.

The following JSON will bring error on editing validators in question "q1".

{
 "pages": [
  {
   "name": "page1",
   "elements": [
    {
     "type": "text",
     "name": "q1",
     "validators": [
      {
       "type": "email"
      }
     ]
    }
   ]
  }
 ]
}

The issue was created in SurveyJS support desk.

See the https://surveyjs.answerdesk.io/ticket/details/t4566/localization thread for more details

If the page becomes visible/invisible based on a question/questions inside it, then page.visibleIndex becomes incorrect. Page is invisible, regardless page.visibile and page.visibleIf properties, if all elements inside this page are invisible. It leads to an issue when isNext/isPrev property in survey.onCurrentPageChanging/survey.onCurrentPageChanged events are incorrect. Here is the related ticket on SurveyJS support desk.

See the https://surveyjs.answerdesk.io/ticket/details/t4518/surveyjs-ko-initialization-via-tag thread for more details

https://plnkr.co/edit/E7vNiD7WQ8AheNUF?preview

The following JSON doesn't work as expected. It shows error after entering the first item.

{
    checkErrorsMode: "onValueChanged",
    questions: [
        {
            type: "multipletext",
            name: "q1",
            items: [
                {
                    name: "item1",
                    isRequired: true
                }, {
                    name: "item2",
                    isRequired: true
                }, {
                    name: "item3",
                    isRequired: true
                }
            ]
        }
    ]
}

The following JSON will show several errors on changing one cell in the matrix.

{
 "checkErrorsMode": "onValueChanged",
 "pages": [
  {
   "name": "page1",
   "elements": [
    {
     "type": "matrixdynamic",
     "name": "question1",
     "columns": [
      {
       "name": "Column 1",
       "isRequired": true
      },
      {
       "name": "Column 2",
       "isRequired": true
      }
     ],
     "choices": [
      1,
      2,
      3,
      4,
      5
     ]
    }
   ]
  }
 ]
}

import { surveyLocalization } from "../surveyStrings";

export var persianSurveyStrings = {
  pagePrevText: "قبلی",
  pageNextText: "بعدی",
  completeText: "تکمیل",
  previewText: "پیش نمایش",
  editText: "ویرایش",
  startSurveyText: "شروع",
  otherItemText: "دیگر(توضیح)",
  noneItemText: "هیچ",
  selectAllItemText: "انتخاب همه",
  progressText: "صفحه {0} از {1}",
  panelDynamicProgressText: "مورد {0} از {1}",
  questionsProgressText: "تعداد پاسخ {0}/{1} سوال",
  emptySurvey: "صفحه ای یا گزینه ای برای این پرسشنامه موجود نیست.",
  completingSurvey: "از شما بابت تکمیل این پرسشنامه متشکریم",
  completingSurveyBefore:
    "به نظر می رسد هم هم اکنون پرسشنامه را تکمیل کرده اید.",
  loadingSurvey: "درحال ایجاد پرسشنامه",
  optionsCaption: "انتخاب کنید...",
  value: "مقدار",
  requiredError: "لطفا به سوال پاسخ دهید",
  requiredInAllRowsError: "لطفا به تمام سطر های سوالات پاسخ دهید",
  requiredInAllRowsError: "لطفا سوالات تمام سطرها را پاسخ دهید.",
  numericError: "مقدار باید عددی باشد",
  textMinLength: "لطفا حداقل  {0} حرف وارد کنید",
  textMaxLength: "لطفا کمتر از  {0} حرف وارد کنید.",
  textMinMaxLength: "لطفا بیشتر از  {0} حرف و کمتر از {1} حرف وارد کنید.",
  minRowCountError: "لطفا حداقل {0} سطر وارد کنید.",
  minSelectError: "حداقل {0} انتخاب کنید.",
  maxSelectError: "لطفا بیشتر از  {0} انتخاب کنید.",
  numericMinMax:
   "'{0}' باید بین {1} و {2} باشد",
  numericMin: "'{0}' بزرگتر مساوی {1} باشد",
  numericMax: "'{0}' باید کوچکتر یا مساوی {1} باشد",
  invalidEmail: "لطفا ایمیل صحیح درج کنید",
  invalidExpression: "عبارت: {0} پاسخ باید 'true' باشد.",
  urlRequestError: "درخواست با خطا روبرو شد: '{0}'. {1}",
  urlGetChoicesError:
   "درخواست مسیری خالی بازگشت داده یا مسیر درست تنظیم نشده",
  exceedMaxSize: "بیشترین حجم مجاز فایل: {0}",
  otherRequiredError: "مقدار 'دیگر' را وارد کنید",
  uploadingFile:
   "فایل در حال آیلود است. لطفا صبر کنید.",
  loadingFile: "بارگیری...",
  chooseFile: "انتخاب فایل(ها)...",
  noFileChosen: "هیچ فایلی انتخاب نشده",
  confirmDelete: "آیا مایل به حذف این ردیف هستید؟",
  keyDuplicationError: "این مقدار باید غیر تکراری باشد",
  addColumn: "ستون جدید",
  addRow: "سطر جدید",
  removeRow: "حذف",
  addPanel: "جدید",
  removePanel: "حذف",
  choices_Item: "آیتم",
  matrix_column: "ستون",
  matrix_row: "سطر",
  savingData: "نتایج در حال ذخیره سازی در سرور است",
  savingDataError: "خطایی در ذخیره سازی نتایج رخ داده است",
  savingDataSuccess: "نتایج با موفقیت ذخیره شد",
  saveAgainButton: "مجدد تلاش کنید"
  timerMin: "دقیقه",
  timerSec: "ثانیه",
  timerSpentAll: "شما مدت {0} در این صفحه و مدت {1} را در مجموع سپری کرده اید.",
  timerSpentPage: "شما مدت {0} را در این صفحه سپری کرده اید.",
  timerSpentSurvey: "شما مدت {0} را در مجموع سپری کرده اید.",
  timerLimitAll:
    "شما مدت {0} از {1} در این صفحه و مدت {2} از {3} را در مجموع سپری کرده اید.",
  timerLimitPage: "شما مدت {0} از {1} را در این صفحه سپری کرده اید.",
  timerLimitSurvey: "شما مدت {0} از {1} را در مجموع سپری کرده اید.",
  cleanCaption: "پاکسازی",
  clearCaption: "خالی کردن",
  chooseFileCaption: "انتخاب فایل",
  removeFileCaption: "حذف این فایل",
  booleanCheckedLabel: "بله",
  booleanUncheckedLabel: "خیر",
  confirmRemoveFile: "آیا میخواهید این فایل را پاک کنید: {0}?",
  confirmRemoveAllFiles: "آیا میخواهید تمام فایل ها را پاک کنید?",
  questionTitlePatternText: "عنوان سوال",
};
surveyLocalization.locales["fa"] = persianSurveyStrings;
surveyLocalization.localeNames["fa"] = "فارْسِى";

Please try the following JSON:

{
"elements": [
    {
     "type": "matrixdynamic",
     "name": "question5",
     "columns": [
      {
       "name": "Column 1",
       "cellType": "dropdown",
       "hasOther": true
      },
      {
       "name": "Column 2"
      },
      {
       "name": "Column 3"
      }
     ],
     "choices": [
      1,
      2,
      3,
      4,
      5
     ]
    }
   ]
}

You will see that cell questions in the first column are rendering not in the line with other questions in the row.

The ckeditor seems to be rendering twice for each property that is being replaced in the online sample code. (Title, Description Html) https://surveyjs.io/Examples/Survey-Creator/?id=ckeditorpropertyeditor&theme=bootstrap

I didn't initially notice it, because I thought it was supposed to be the same field twice, but saw it in my code (based on the sample) and they are indeed duplicates.

Seems like it could be a knockout binding issue, but I don't have enough expertise in knockout to trace it down

Great job on Survey.js BTW. I am planning on buying a license next week. Marc

See the https://surveyjs.answerdesk.io/ticket/details/t4526/survey-creator-can-we-hide-question-start-index-property-when-question-number-is-off thread for more details

Some developers remove pages tabs from the Creator and use Page Selector dropdown only. In this case, end users could not change the pages order. We need Pages Property Editor to allow them to do it.

using this event throw a error in the console

creator.onPropertyAfterRender.add( ()=>{} )

based on https://surveyjs.answerdesk.io/internal/ticket/details/T4556

See the https://surveyjs.answerdesk.io/ticket/details/t4494/accessibility-issue-for-pagination-dropdown-ensure-every-form-element-has-a-label thread for more details.

Thanks. 1.7.7. works perfectly. And one more question.

How to hide 'hide button' and tool bar line all?

Originally posted by @kryptojet in https://github.com/surveyjs/survey-analytics/issues/28#issuecomment-631285583

See the https://surveyjs.answerdesk.io/ticket/details/t4504/survey-creator-can-we-hide-show-number-property-on-questions-if-numbering-is-off-at-form thread for more details.

The following code should change the property "name" category from "general" to "data" and make this property first in the "Data" tab.

var nameProperty = Survey.Serializer.findProperty("question", "name");
nameProperty.category = "data";
newProperty.visibleIndex = 0;

The code should be executed before SurveyJS Creator constructor.

See the https://surveyjs.answerdesk.io/ticket/details/t4494/accessibility-issue-for-pagination-dropdown-ensure-every-form-element-has-a-label thread for more details

See the picture below:

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

See the attached image:

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

Possible bug

What is the current behaviour?

1. Min/ Max function, when used to compare an 'expression' type question, doesn't yield expected results. Details:

1. The min/max function returns the param to be compared with when the 'expression' question is yet to get an initial value (owing to lack of inputs) instead of returning correct result(screenshot1)
2. When compared with a zero, min/ max function returns the param to be compared with instead of the correct result (screenshot 2)

What is the expected behaviour?

In 1a, would expect a 'zero' or 'null' or 'undefined' to be returned In 1b, the correct result.

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

Pl, see the att code.

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

Tested page URL:

Test code

{
 "pages": [
  {
   "name": "page1",
   "elements": [
    {
     "type": "text",
     "name": "question1",
     "title": "Enter Number 1",
     "inputType": "number"
    },
    {
     "type": "text",
     "name": "question2",
     "title": "Enter Number 2",
     "inputType": "number"
    },
    {
     "type": "text",
     "name": "question3",
     "title": "Enter Number 3",
     "inputType": "number"
    },
    {
     "type": "expression",
     "name": "question4",
     "title": "Sum of numbers",
     "expression": "{question1}+ {question2} + {question3}",
     "commentText": "Other (describe)"
    },
    {
     "type": "expression",
     "name": "question5",
     "title": "Max function test",
     "expression": "max({question4}, 200)",
     "displayStyle": "decimal",
     "maximumFractionDigits": 0,
     "minimumFractionDigits": 0,
     "commentText": "Other (describe)"
    },
    {
     "type": "expression",
     "name": "question6",
     "title": "Min function test",
     "expression": "min({question4}, 200)",
     "displayStyle": "decimal",
     "maximumFractionDigits": 0,
     "minimumFractionDigits": 0,
     "commentText": "Other (describe)"
    }
   ]
  }
 ]
}

Specify your

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

We are serializing default values for these properties.

See the https://surveyjs.answerdesk.io/ticket/details/t4437/accessibility-add-aria-describedby-to-make-error-messages-linked-to-fields thread for more details:

Once we submit a form that has errors on them it's not possible for NVDA to read the error messages individually. Steps:

Create form with required fields on it (or any constraint) Submit without filling them (or violating the constraint) Result: screen reader reads all error messages at the same time AND only once. This is a problem because:

not all error messages are read: user don't know what went wrong error messages can not be read again: tabbing through the fields after submitting doesn't tell the user which fields have the errors By adding aria-describedby to all fields, it's possible to link the error message to the field where it comes from. This solves problem #2, error messages would be read when tabbing through the form.

See the https://surveyjs.answerdesk.io/ticket/details/t4438/accessibility-add-required-attribute-to-comment-field thread for more retails

The following JSON doesn’t work:

{
    elements: [
      {
        type: "matrixdynamic",
        name: "matrix",
        rowCount: 1,
        columns: [
          {
            name: "col1",
            cellType: "checkbox",
            choices: [1, 2, 3, 4],
          },
          {
            name: "col2",
            cellType: "dropdown",
            choices: [1, 2, 3, 4],
            choicesEnableIf: "{row.col1} contains {item}",
          },
        ],
      },
    ],
  }

The second column show have disabled options in dropdown if there is nothing is selected in the first column. When an end-user check a choice in the first column, the option in the dropdown in the second column should become enabled.

how to reproduce:

var creator = new SurveyCreator.SurveyCreator("editorElement", {
  showElementEditorAsPropertyGrid: false,
  useTabsInElementEditor: true
});

then add radiogroup element and open modal properties window

The following code:

creator.survey.addNewPage("newPage");

should work similar to:

creator.addPage();

See the https://github.com/surveyjs/survey-creator/commit/6118bb42651b2f0483ba2920ba2d7ee57bf0b06c commit.

See the https://surveyjs.answerdesk.io/ticket/details/t4422/placeholder-element-of-survey-logic-is-not-accessible thread for more details

See the https://surveyjs.answerdesk.io/ticket/details/t4422/placeholder-element-of-survey-logic-is-not-accessible thread for more details

Functional test failed:

✖ surveyjseditor: drag and drop - checking page selector

AssertionError [ERR_ASSERTION]: 3 == 2

Browser: Chrome 83.0.4103.97 / Linux 0.0

  133 |  const select = Selector("svd-pages-editor .svd-page-selector");
  134 |  const option = select.find("option");
  135 |
  136 |  await t.click(select).click(option.withText("Add New Page"));
  137 |
> 138 |  assert.equal(await getPagesCount(), 2);
  139 |
  140 |  await t.click(select).click(option.withText("page1"));
  141 |
  142 |  //check 1 page is active
  143 |  const gearactivePage1 = Selector(".svd-pages ")

Do not show otherText and otherTextError properties if hasOther property is unchecked.

See the https://surveyjs.answerdesk.io/ticket/details/t4465/react-small-json-editor-s-box-default-size thread for more details

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

There is no sense to show a page property in question/panel if there is only one page in the survey.

Many users ask for the color chooser property editor. We decided to implement it out-of-the-box.

A color property can be declared the following way:

Survey.Serializer.addProperty("question", "myColor:color");

The original issue was created in SurveyJS support desk.

Right now it requires to define getDynamicProperties(): Array<string> for an object that supports dynamic properties, for example a matrix column. Matrix column has a property cellType and based on that it adds properties from "dropdown" or "checkbox" or "text" questions into a column. Time to time, we are adding a new properties into questions, but forget to add them into Survey.matrixDropdownColumnTypes variable. Most SurveyJS developers do not know about this variable and report a bug that a new property or a custom property doesn't work/serialize in a matrix column. However, we can remove getDynamicProperties() at all and do not use Survey.matrixDropdownColumnTypes variable. We can take properties directly from cellType className, already cached in Serializer instance.

Add missing french localization strings and fix the structure.

The function should return the new created page. Right now we should to write the following code:

creator.addPage();
let page = creator.survey.pages[creator.survey.pages.length - 1];

However, it should be:

let page = creator.addPage();

Here:

• add radiogroup
• go to choices
• try to change choices order via D&D

Cannot read property 'focus' of undefined

Model in a react app should be created as

var model = new Survey.Model(json);

But now this is impossible because of the "Model" name is not mentioned in typings.

As a workaround this can be used:

var model = new Survey["Model"](json);

See this thread for more details - https://github.com/surveyjs/surveyjs_react_quickstart/issues/19

setting width in pixels via json for questions and panels doesn't work properly link to reproduce https://plnkr.co/edit/5g975SVYJ7ABItiK

You can check the original thread - https://surveyjs.answerdesk.io/ticket/details/t4273/on-load-survey-editor-logic-is-undefined for more details.

We need the common way to disable this inplace editors.

I change the default choices for itemvalues as below : var defaultChoices = [{value: 1,text: "Item 1"},{value: 2,text: "Item 2"},{value: 3,text: "Item 3"}]; creator.toolbox.getItemByName("radiogroup").json.choices = defaultChoices; creator.toolbox.getItemByName("checkbox").json.choices = defaultChoices; creator.toolbox.getItemByName("dropdown").json.choices = defaultChoices; If I create a new itemvalue it has the value 'item1'. I expect to have 4 as value.

min and max properties should have a different inputType in text property editor based on question.inputType. If question.inputType is date, then it should accept date values, if it is number then it should accept number values.

The option showSimulatorInTestSurveyTab:

  var options = {
    showSimulatorInTestSurveyTab: false
  };
  var creator = new SurveyCreator.SurveyCreator("creatorElement", options);

We have scrollable area in choices property editor with buttons "Add" and "Remove All". We should scroll the table only.

See the https://surveyjs.answerdesk.io/ticket/details/t4333/survey-creator-survey-logic-accessibility-issue-ensure-elements-with-an-aria-role-that thread for more details

For more details see the https://surveyjs.answerdesk.io/ticket/details/t4338/accessibility-issue-survey-designer-screen-reader-unable-to-configure-toolbox-property thread

See the https://surveyjs.answerdesk.io/ticket/details/t4332/survey-creator-survey-logic-accessibility-issue-ensure-every-form-element-has-a-label thread for more details

See the https://surveyjs.answerdesk.io/ticket/details/t4342/accessibility-issue-survey-designer-unable-to-delete-options-in-property-grid-tab thread for more details

based on https://surveyjs.answerdesk.io/internal/ticket/details/T4343

See https://surveyjs.answerdesk.io/ticket/details/t4331/item-content-is-lost-after-changing-the-question-type-and-inserting-an-additional-item for more details.

Steps to reproduce: Add a new radougroup question Convert it to checkbox Edit item text via adorner

Result: Check modified choice item in property grid - it still the same Choices and visibleChoices are not the same

It's important to keep focus on the neibour or set focus on new items then working with choice items via keyboard. See the https://surveyjs.answerdesk.io/ticket/details/t4341/accessibility-issue-survey-designer-focus-is-lost-in-when-trying-to-add-or-delete thread for more details

Im migrating from survey version 1.0.83 to last one 1.7.7 the thing is there is something different with contains operator because on my survey { "pages": [ { "name": "page1", "elements": [ { "type": "text", "name": "qid1", "visibleIf": "[] contains 'C1'", "isRequired": true } ] } ] } This question was invisible on (1.0.83) and now on version 1.7.7, is visible when the array is empty

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

Bug

What is the current behavior?

The question is visible if the visibleif condition is false "visibleIf": "[] contains 'C1'", -> visible

What is the expected behavior?

The question is invisible if the visibleif condition is false "visibleIf": "[] contains 'C1'", -> invisible

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

https://plnkr.co/edit/bg2dUXOxPT64GBpu

Specify your

• surveyjs version: 1.7.7

On creating new cell, when new row is not generated, requesting rowIndex from row can lead to stackoverflow.

If the service for loading data into dropdown/checkbox/radiogroup choices is slow, and it depends on a parameter(s) of other questions, then on changing a parameter during requesting the data, the end-user can see the data from old parameter. For example country/state. The user can change the country value several times and state can be loaded with different and sometimes incorrect items, if a user can change a country several time during the request into a server.

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

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

Bug

What is the current behavior?

I have a type matrixdropdown, when i add the column has properties hasOther = true, i check at column Other (describe) and enter value to the box then click focus out this. => Can't checked again column other after enter text to the box.

I have a example as below: https://plnkr.co/edit/BGRiyn9mn64hcziU

What is the expected behavior?

Is there the bug?

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):
• surveyjs version:

If the panelsState is "collapsed" or "firstExpanded" and templateTitle is empty, then we do not render any panel at all or render only one panel. We should not take this property into account if templateTitle is empty.

The following JSON cause the stackoverflow on setting value to q1 and q2.

{
    elements: [
      { type: "text", name: "q1" },
      { type: "text", name: "q2" },
      { type: "text", name: "q3" },
    ],
    triggers: [
      {
        type: "setvalue",
        expression: "{q1} > 0 or {q3} > 1",
        setToName: "q3",
        setValue: 5,
      },
      {
        type: "setvalue",
        expression: "{q2} > 0 or {q3} > 1",
        setToName: "q3",
        setValue: 6,
      },
    ],
  }

We have to block for running the triggers recursive.

i add properties columnLayout: 'vertical', check at column Other (describe), not enter value to the box then click button complete. => Error message as shown below:

You can view ex: https://plnkr.co/edit/BGRiyn9mn64hcziU I think the error message only show up in in the last radio?

At the input with type radio duplicate id.

Is this the cause of the error?

Originally posted by @Huuvinh94 in https://github.com/surveyjs/survey-library/issues/2200#issuecomment-637932012

1. Run SurveyCreator locally
2. Open a browser window to full width
3. Expand properties grid width from right to the left a lot
4. Decrease window size by half
5. ???
6. Add new page button overlaps properties grid

1. Go to https://surveyjs.io/create-survey
2. Add dropdown question
3. Enable readonly property
4. Disable readonly property
5. ???
6. Items editor is missing

The operator "equal" is disabled for question "file", but set as default. We have to hide the value for this question type. The original issue came from SurveyJS Support Desk.

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

  var creator = new SurveyCreator.SurveyCreator("editorElement", {
    showPageSelectorInToolbar: true,
  });

The original issue came from SurveyJS Support Desk.

There are two options present on each file field, which have very similar names, and unclear semantic difference: "Allow Images Preview" and "Is image preview shown?".

See the https://surveyjs.answerdesk.io/ticket/details/t4247/confusingly-similar-names-of-two-file-field-options thread for more details.

We need to fix it.

1. Go to https://surveyjs.io/create-survey
2. Add two questions
3. Select second question
4. Go to Logic section in property grid
5. Expand VisibleIf tab
6. Choose first question in dropdown
7. Choose is not empty in second dropdown
8. Click on Edit button
9. Click back on Build button
10. Choose is empty in second dropdown
11. Wait a two seconds (important!)
12. Click on Edit button
13. ???
14. Expression displays old value until click a textarea

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

Enhancement

What is the current behavior?

in the display version of the survey a textarea is just set to readonly. This keeps the scrollbar on the side if there is lots of text.

What is the expected behavior?

in display version change it to a div and have all the text inside the div

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

Not a bug, but enhancement ! Easier for "printing" a survey

Specify your

• browser: Chrome
• surveyjs platform: jquery:
• surveyjs version: 1.7.6

There is an error in console on clicking the "Import" button in Translation tab.

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

Reporting a bug

What is the current behavior?

Empty page

What is the expected behavior?

loading designer with all controls

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

go to the examples page https://surveyjs.io/create-survey with firefox browser

Specify your

• browser: firefox 76.0.1 (64bit)
• editor version: 1.7.8

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

Its a bug :beetle: :mosquito: :bug:

What is the current behavior?

a survey with goNextPageAutomatic =true will not show validation errors on value change/enter. The progress, bar updates, next page is not displayed, also no error displayed although validation fails.

Using enter here: notice question going green on enter

"validators":[{"type":"numeric","minValue":1905,"maxValue":2005}]}]}

What is the expected behavior?

Validation error should be displayed. Progress not updated.

The following JSON doesn't work correctly:

{
      elements: [
        {
          type: "matrixdynamic",
          name: "matrix",
          columns: [
            {
              name: "column1",
              cellType: "text",
            },
            {
              name: "column2",
              choices: [
                { value: "A", visibleIf: "{row.column1} = 1" },
                { value: "B", visibleIf: "{row.column2} = 2" },
                { value: "C", visibleIf: "{row.column2} = 2" },
              ],
            },
          ],
          rowCount: 1,
        },
      ],
    }

column2 choices are all invisible, even if column1 equals 1 or 2.

There are scenarios, when there is a need to merge/overrides the data and do not replace it completely. If the question value exists in the current survey, but doesn't exists in the new coming data object, then keep it.

  /**
   * Merge the values into survey.data. It works as survey.data, except it doesn't clean the existing data, but overrides them.
   * @param data data to merge. It should be an object {keyValue: Value, ...}
   * @see data
   * @see setValue
   */
  public mergeData(data: any);

The original issue was reported on SurveyJS support desk.

Ace Editor needs to have set the basePath:

ace["config"].set('basePath', SurveyJSONEditor.aceBasePath);

You can set the base path via the following code:

SurveyCreator.SurveyJSONEditor.aceBasePath = "https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.10/";

See the https://surveyjs.answerdesk.io/ticket/details/t4065/i-want-to-limit-the-title-settings thread for more details

Right now SurveyJS Creator tabs can overflow given container. We need to fix it. Bacause of the fix complexity it is planned as an enhancement.

Export button just doesn't work in Translation tab.

The original bug came from SurveyJS Support Center

1. Run SurveyCreator locally
2. Add comment question
3. Go to properties tab, data section
4. Decrease textarea width
5. ???
6. Properties width didn't decreased (horizontal scrollbar stays)

See the https://surveyjs.answerdesk.io/ticket/details/t4117/logic-tab-title-for-logic-save-and-cancel-button thread for more details

It should return an array of

export interface IVisualizerPanelElement {
  name: string;
  displayName: string;
  visibility: ElementVisibility;
  type?: string;
}

where visibility is

export enum ElementVisibility {
  Visible,
  Invisible,
  PublicInvisible,
}

An array of the IVisualizerPanelElement items can be passed to VisualizationPanel constructor as 5th parameter. It represents the state of a panel (a set of elements, titles. visibility). The getElements method will allow to get the surrvey state of VisualizationPanel.

See the https://surveyjs.answerdesk.io/ticket/details/t3856/onvisibleelementschanged-event thread for more details

Many surveys/forms allow end-users to preview their answers before completing the survey/form. Right now, some of developers use display mode and second survey to create this functionality. We should have it out of the box: Instead of "Complete" button we show "Preview" button. When end-user press "Preview button", we will show all questions, or optionally only answered, in read-only mode on one page (every page converts into a panel with an "Edit" button"). End-user can go to edit mode again, by pressing "Edit" button on a panel to start editing survey again with a particular page or press "Edit" button on Navigation tab to start from the beginning. If an end-user satisfies with results, he/she will press "Complete" button.

New property: survey.showPreviewBeforeComplete: string, ["noPreview", "showAllQuestions", "showAnsweredQuestions"], "noPreview" is the default value. New methods: survey.showPreview(): boolean - go to preview mode, returns false if there is an error on the page. survey.cancelPreview() - go back to edit mode.

The example is here.

1. Go to https://surveyjs.io/Examples/Pdf-Export?id=survey-pdf-customstylization
2. Set narrow enough browser window size
3. ???
4. Horizontal scrollbar is green (not blue)

See https://surveyjs.answerdesk.io/ticket/details/t4054/send-matrix-parent-info-in-onuploadfiles for more details.

See the

https://surveyjs.answerdesk.io/ticket/details/t4026/accessibility-issue-keyboard-action-unable-to-select-other-selectall-and-none-option https://surveyjs.answerdesk.io/ticket/details/t4027/accessibility-issue-keyboard-action-unable-to-select-other-choice-through-keyboard-tab https://surveyjs.answerdesk.io/ticket/details/t4028/accessibility-issue-keyboard-action-unable-to-select-other-choice-through-keyboard-tab

threads for more details

See the https://surveyjs.answerdesk.io/ticket/details/t4023/accessibility-issue-unable-to-delete-choices-through-keyboard-actions-from-the-property thread for more details

Add localized strings. Translation was done by Thomas Borgström.

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

Bug.

What is the current behavior?

Updating survey Navigation properties ("Page previous button text", "Page next button text"...) not firing onModified and/or saveSurveyFunc.

What is the expected behavior?

onModified and/or saveSurveyFunc called on updating Navigation properties.

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

• Set Navigation button text properties ("Page previous button text", etc.).
• onModified and saveSurveyFunc will not be called.

Specify your

• browser: Google Chrome 81.0.4044.138
• editor version: 1.7.6

See the https://surveyjs.answerdesk.io/ticket/details/t4051/tooltip-for-condition-and-action-in-logic-tab thread for more details

If AceEditor is available, the toolbar will contain undo/redo/copy/cut/paste commands

See the https://surveyjs.answerdesk.io/ticket/details/t4035/add-buttons-to-json-editor thread for more details

We do not display question title/name if we are using question.valueName in expression (valueName is not empty). We should fix it. If there is several questions with the same valueName, then use the title/name from the first question in the list.

Since we included the signaturepad question into the core library we need to support it in PDF.

Thanks

See this https://surveyjs.answerdesk.io/ticket/details/t3116/trying-to-determine-which-version-of-survey-angular-and-associated-libraries-to-use-with and this https://surveyjs.answerdesk.io/ticket/details/t3949/typescript-support-for-surveyjs-scripting-in-visual-studio threads for more details.

Reporting a bug

Boolean is editable in display mode

What is the current behavior?

The value of the boolean slider is editable in display mode.

What is the expected behavior?

The value of the boolean slider should not be editable in display mode.

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

https://plnkr.co/edit/gJOlIpaIcNYwkFlz Click on the slider and see it move in display mode.

Specify your

• browser: Firefox
• browser version: latest
• surveyjs platform (angular or react or jquery or knockout or vue): jQuery
• surveyjs version: 1.7.5

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

Im not 100% its a feature request or a question. Did not find this option in the docs, anyway.

What is the current behavior?

Currently one can set the widths for defined columns in the matrix. But does not seem to be possible to set the desired width for the first column containing the sub-question text. I understand it can be done via css, but it should be able to define this per question. Some matrixes have longer texts in rows, and some free space can be allocated there from columns.

so as an example. Lets say I have this:

What is the expected behavior?

But I want is to look like this:

The following code doesn't work.

  var survey = new SurveyModel({
    storeOthersAsComment: false,
    elements: [
      {
        type: "checkbox",
        name: "q1",
        hasOther: true,
        choices: [1, 2],
      },
    ],
  });
  var question = <QuestionCheckboxModel>survey.getQuestionByName("q1");
  question.value = "other";
  question.comment = "other2";
  survey.isSinglePage = true;
//question.comment  becomes empty

We can handle survey.onAfterRenderQuestion event to change the rendering of Component Question. However, it is not a component approach. This code should be in the component definition.

The original issue came from SurveyJS support desk

Editors are splitted in several lines even on wide screen.

See the screenshot below

When a SurveyJS Creator user set matrix dropdown/dynamic column to text and then set inputType property to "number", then min, max and step properties should be shown.

Reporting a bug?

Some custom CSS is not working since v1.7.1.

What is the current behavior?

Some custom CSS does not get applied.

What is the expected behavior?

All custom CSS should be applied.

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

Set the version to 1.7.1 or higher and see the custom css for the question titles disappear. I'm not sure if this happens for more css classes, I have noticed it for my question classes.

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

Tested page URL: https://plnkr.co/edit/2RN0QXZ5sIJGkSQt

Specify your

• browser: Chrome and Firefox
• browser version: latest
• surveyjs platform (angular or react or jquery or knockout or vue): jquery
• surveyjs version: 1.7.1 onwards

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

bug

What is the current behavior?

question title custom css class is applied only after question value is set

What is the expected behavior?

question title custom css class should by applied after survey rendering

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

https://plnkr.co/edit/4kZLfX1A9Zw4ZZyO

For inputType "date", "datetime" inputType in Text Question the valueChanged fires several times during entering the date value. It confuses end-user to show errors while he is not finish to enter the data.

We should make property visibleIf in ItemValue class observable/reactive. Otherwise, the changes in this property will not go into UndoRedo manager. The original issue came from SurveyJS support desk.

Add a question type to the plain data optionally. See the https://surveyjs.answerdesk.io/ticket/details/t3887/radiogroup-questions-incorrectly-flagged-isnode-on-getplaindata-response thread for more details.

    var plainData = question.getPlainData({ includeQuestionTypes: true });
    assert.deepEqual(plainData.questionType, "radiogroup");

need to add root css class "sv-question--disabled" and the appropriate styles

Add a hideIfRowsEmpty boolean property (false by default) into single matrix. If it is true, and there is no visible rows in the matrix, then hide it.

The following JSON produce stack overflow (came from SurveyJS Support Desk):

{
 "pages": [
  {
   "name": "page1",
   "elements": [
    {
     "type": "matrixdropdown",
     "name": "question2",
     "columns": [
      {
       "name": "Column 1"
      },
      {
       "name": "Column 2"
      },
      {
       "name": "Column 3",
       "totalType": "sum"
      },
      {
       "name": "Column 4",
       "cellType": "boolean"
      }
     ],
     "choices": [
      1,
      2,
      3,
      4,
      5
     ],
     "cellType": "text",
     "rows": [
      "Row 1",
      "Row 2"
     ]
    }
   ]
  }
 ]
}

The original bug was reported into SurveyJS support desk.

See the https://surveyjs.answerdesk.io/ticket/details/t3941/saving-save-icon-no-longer-displaying-in-v-1-7-3 thread for more details:

We have question property editor that set question name into property value. For some triggers properties, like setToName, we need to set the question.valueName if it is not empty and then question.name.

If question.valueName is not empty, then this value should be used in auto complete in the expression property editor.

Hi, Could you please help me to remove certain icons or whole set of icons when question is displayed in chart. Also, i noticed in pie chart and doughnut chart, on mouse hover the answers are displaying twice.

1. Go to https://surveyjs.io/Examples/Library?id=questiontype-boolean
2. ???
3. Boolean question's title has full width

But other questions's titles have half width

In the current JSON we do not have the correct way to set the correct width:

{
  elements: [
    {
       type: "text",
       name: "q1",
       width: "120px",
    },
    {
       type: "text",
       name: "q2",
       startWithNewLine: false,
       visibleIf: "{q1} notempty"
    },
    {
       type: "text",
       name: "q3",
       startWithNewLine: false
    }
  ]
}

Till v1.7.4, the width for DOM element corresponded to question "q2" and "q3" will be "33.333333%". It is not quite correct, because 120px is not another "33.333333%". The correct value is "calc((100% - 120px)/2)" when the q2 is visible and "calc(100% - 120px)". function "calc" supports for IE9+ and all modern browsers. We should use it to create a correct adaptive rendering.

We have to add this property into serialization and allow end-user to modify it from the property grid.

Survey title and description are cut on small screens:

The following code, to copy the value from the last row into a new one:

matrix.addRow();
if (matrix.rowCount < 2) return;
var value = matrix.getRowValue(matrix.rowCount - 2);
//copy value from the last row
matrix.setRowValue(matrix.rowCount - 1, value);

Complete trigger, by default, works when a user goes to the next page. In some scenarios, for example single page survey, it requires to run this trigger on value changed: Survey.settings.executeCompleteTriggerOnValueChanged = true;

To solve this issue we have added a new property into Survey.settings variable:

  /**
   * Set this property to true to execute the complete trigger on value change instead of on next page.
   */
  executeCompleteTriggerOnValueChanged: false

Users miss these two properties in checkbox column.

The following code doesn't work: survey.questionStartIndex = "Q1."; The expected value for the third question is: "Q3.", in the current version "3.".

Using css flexbox with layout degradation for old browsers.

If you render Survey multiple times without refresh the page, the memory consumption keep increasing when Survey is re-created.

See this thread for more details: https://surveyjs.answerdesk.io/ticket/details/t3896/memory-issue-on-ie11

I've reproduced the issue in Chrome also.

We'll introduce the dispose method for survey model. It should dispose all inner elements and subscriptions.

Currently the job of init() function does activatedByChanged() function. It is not obvious. There is a need with init() that comes without parameters, where developer can add new class, properties and so on.

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

Bug

What is the current behavior?

If a survey is loaded with data which contains a value with the same name as a calculated value with includeIntoResult = true, that value will be returned by all future gets of survey.data, even if the calculated value changes.

What is the expected behavior?

survey.data should return the current value of the calculated value.

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

Survey JSON:

{
  "pages": [
    {
      "name": "page1",
      "elements": [
        {
          "type": "text",
          "name": "fruit",
          "title": "Enter a fruit"
        }
      ]
    }
  ],
  "calculatedValues": [
    {
      "name": "finalAnswer",
      "expression": "{fruit}",
      "includeIntoResult": true
    }
  ]
}

Set data to:

{"fruit": "apple", "finalAnswer": "apple"}

Change "apple" to "orange" in the first question. survey.data returns:

{"fruit": "orange", "finalAnswer": "apple"}

Specify your

• browser: Edge
• browser version: 81.0.416.64
• surveyjs platform: react
• surveyjs version: 1.7.3

We need both title and displayValue to show HTML, not raw markdown. Currently, displayValue shows HTML, and title shows raw markdown.

See the https://surveyjs.answerdesk.io/ticket/details/t3874/tooltip-description-missing-for-undo-and-redo-button thread for more details

  /**
   * The event is called when logic item is saved.
   * <br/> options.item is the saved logic item.
   */
  public onLogicItemSaved: Survey.Event<
    (sender: SurveyLogic, options: any) => any,
    any
  > = new Survey.Event<(sender: SurveyLogic, options: any) => any, any>();

  /**
   * The event is called before logic item is being removed.
   * <br/> options.allowRemove is the option you can set to false and prevent removing.
   * <br/> options.item is the logic item to remove.
   */
  public onLogicItemRemoving: Survey.Event<
    (sender: SurveyLogic, options: any) => any,
    any
  > = new Survey.Event<(sender: SurveyLogic, options: any) => any, any>();
  /**
   * The event is called when logic item is removed.
   * <br/> options.item is the removed logic item.
   */
  public onLogicItemRemoved: Survey.Event<
    (sender: SurveyLogic, options: any) => any,
    any
  > = new Survey.Event<(sender: SurveyLogic, options: any) => any, any>();

editor.ts:2118 Uncaught TypeError: Cannot read property 'renderedElement' of undefined at SurveyCreator.applyBinding (editor.ts:2118) at SurveyCreator.render (editor.ts:1303) at new SurveyCreator (editor.ts:1091) at index.js:83

The original issue came from SurveyJS support center

It should be easy to set the displayName attribute for custom property, for example:

Survey.Serializer.addProperty("question", {name: "tag", displayName: "Custom Data", category: "general"});

Right now, it creates to add additional two lines of code to add a new key for tag with value "Custom Data" to the Survey Creator localization strings. The current API is not obvious and overcomplicated if there is a need to support just one locale/language in the Survey Creator.

When SuveyJS Creator user deletes the question, all expressions where this question is used should be updated. For example, on deleting "question1", visibleIf expression " < 10" should become empty and expression " < 10 and > 5" should become " > 5".

If the question that used in condition editor has a large description, then we show this description under "Please enter/select the value" title and it doesn't look good. There is no reason to show the question description here.

The original issue came from SurveyJS Support desk

See T3910 - Issue- Question title editor is not working with default json. thread for more details - https://surveyjs.answerdesk.io/ticket/details/t3910/issue-question-title-editor-is-not-working-with-default-json

We have to hide edit/delete rules buttons in logic tab when creator is read only: creator.readOnly = true;

Since we included the image question into the core library we need to support it in PDF.

Helpers.isTwoValueEquals(undefined, "") returns false, where it has to return true. Returing true leads to this error, the input value assigned undefined from the model and in case of incorrected entered date, it clears the value, date in the linked bug, completely.

There is no easy way to disable adding/removing rows in matrix dynamic questions. It needs in scenarios when end-user can modify value cells only. Use these two properties. They are true by default.

/**
 * Set this property to false to disable ability to add new rows. "Add new Row" button becomes invsible in UI
 * @see canAddRow
 * @see allowRemoveRows
 */
public allowAddRows: boolean;
/**
 * Set this property to false to disable ability to remove rows. "Remove" row buttons become invsible in UI
 * @see canRemoveRows
 * @see allowAddRows
 */
public allowRemoveRows: boolean;

  /**
   * The event is fired on creating a new question.
   * Unlike the onQuestionAdded event, this event calls for all question created in survey including inside: a page, panel, matrix cell, dynamic panel and multiple text.
   * or inside a matrix cell or it can be a text question in multiple text items or inside a panel of a panel dynamic.
   * You can use this event to set up properties to a question based on it's type for all questions, regardless where they are located, on the page or inside a matrix cell.
   * Please note: If you want to use this event for questions loaded from JSON then you have to create survey with empty/null JSON parameter, assign the event and call survey.fromJSON(yourJSON) function.
   * <br/> `sender` - the survey object that fires the event.
   * <br/> `options.question` - a newly created question object.
   * @see Question
   * @see onQuestionAdded
   */
  public onQuestionCreated: Event<
    (sender: SurveyModel, options: any) => any;

The following code set the min date to all "date" inputs to tomorrow:

//Create empty survey
var survey = new Survey.Model();
//add a handler to the event
survey.onQuestionCreated.add(function(sender, options) {
  if(options.question.inputType === "date") {
    options.question.min = getTomorrowDateInHtmlFormat();
  }
});
//Load survey with JSON. All questions will be pass through the event.
survey.fromJSON(YourSurveyJSON);

function getTomorrowDateInHtmlFormat() {
    var d = new Date();
    d.setDate(d.getDate() + 1);
    var    month = '' + (d.getMonth() + 1),
        day = '' + d.getDate(),
        year = d.getFullYear();
    if (month.length < 2) 
        month = '0' + month;
    if (day.length < 2) 
        day = '0' + day;
    return [year, month, day].join('-');
}

survey.getProgress() for survey.progressBarType equals to "questions" includes "expression" and "html" questions, also they do not have an input area. The correct behavior is to exclude them from calculation. Here is the link on original issue.

Reporting a bug?

"textUpdateMode": "onTyping" prevents most placeHolders from showing

What is the current behavior?

With "textUpdateMode": "onTyping" specified almost all placeholders do not show. Some placeholders do still show, weirdly enough, for example the first placeholder in a dynamic matrix does show and the second and third placeholders show in a panel with 3 textfields, but most placeholders don't show at all.

What is the expected behavior?

With "textUpdateMode": "onTyping" the placeholders still need to show, just like with the default setting of textUpdateMode.

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

Create some fields with placeholders and add "textUpdateMode": "onTyping" to see the placeholders disappear.

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

https://plnkr.co/edit/pdSfMAuswxPw7Rei

Specify your

• browser: Chrome & Firefox
• browser version: latest
• surveyjs platform (angular or react or jquery or knockout or vue): JQuery
• surveyjs version: 1.5.18 through 1.7.2 for sure

This function will allow showing errors in adorners and property grid for selected element. It can be used with creator.onSelectedElementChanged event.

/**
 * Check for errors in property grid and adorners of the selected elements.
 * Returns true if selected element is null or there is no errors.
 */
public validateSelectedElement(): boolean {
  if (!this.selectedElement) return true;
  if (!!this.elementPropertyGridValue) {
    return !this.elementPropertyGridValue.hasErrors();
  }
  return true;
}

The original question came to SurveyJS support desk. The customer wants to limit the number of logic types showing on adding a new action or changing the existing one. Adding static SurveyCreator.SurveyLogic.visibleActions array should solve the issue. When this array not empty, then use actions that are in this array. For example:

  SurveyLogic.visibleActions = [
    "question_visibility",
    "question_require",
    "trigger_skip",
    "trigger_complete"
  ];

The following code makes available only four actions.

We are using "Action/Actions" in Logic tab UI, but in code we are using "Operation/Operations". It includes class names, functions, properties and localized strings. It confused other developers since we are not consistent here. Solution: change all "Operation" words in our API, including the private into "Action".

The original issue came from SurveyJS help desk

The following code break the logo adorner rendering.

      var creatorOptions = {
        showLogicTab: true,
        readOnly: true
      };
      var creator = new SurveyCreator.SurveyCreator("editor", creatorOptions);

The original suggestion came from SurveyJS support desk. A new option has been added, hideExpressionHeaderInLogicTab:

      var editorOptions = {
        hideExpressionHeaderInLogicTab: true, //hide the expression header
      };
      var creator = new SurveyCreator.SurveyCreator("editor", editorOptions);

The original feature request came from SurveyJS support desk. To show these text, two localizable strings should be define:

SurveyCreator.defaultStrings.ed.lg.expressionSetup =
  "Logic Expression set-up";
SurveyCreator.defaultStrings.ed.lg.actionsSetup = "Action(s) set-up";

Two new CSS classes to control their styles: "svd-expression-setup" and "svd-logic-tab__actions-setup".

Now an object with the

      {
        elements: this._elements,
        changed: element,
      }

is passed in the event options:

  visibleElementsChanged(element: IVisualizerPanelElement) {
    if (!this.onVisibleElementsChanged.isEmpty) {
      this.onVisibleElementsChanged.fire(this, {
        elements: this._elements,
        changed: element,
      });
    }
    this.layout();
  }

Because triggers properties are not observable/react and trigger doesn't go to the root/survey to call survey.onPropertyValueChangedCallback callback, undo/redo mechanizm doesn't work for trigger content and auto saving doesn't work as well. On changing a trigger property survey will not change the state from "saved" to "unsaved"

Let our survey cloud set the rateStep value less than 1 for rating question.

The original issue came on support desk.

To get French localization strings you can use the following code:

var frenchStrings = Survey.surveyLocalization.getLocaleStrings("fr");

To get the localization strings for the current selected locale:

var currentStrings = Survey.surveyLocalization.getCurrentStrings();

New logic item could not exists without at least one action. To be consistent with condition expression editor, do not remove the last item, but clear its properties.

based on the https://surveyjs.answerdesk.io/ticket/details/T3810

We need to be able to show company logo at the top of the survey

Introduce:

• logo property
• width/height property
• position property: left/right/top/bottom from the survey title and description

We need an ability to show question title, but hide the question numbering.

  /**
   * Set hideNumber to true to stop showing the number for this question. The question will not be counter
   * @see visibleIndex
   * @see titleLocation
   */
  public get hideNumber(): boolean;
  public set hideNumber(val: boolean);

question.hideNumber = true;

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

Reporting a bug

What is the current behavior?

Build fails

Error message:

 error  in .../node_modules/survey-vue/survey.vue.d.ts

ERROR in .../node_modules/survey-vue/survey.vue.d.ts(1348,38):
1348:38 Cannot find module '../question'.
    1346 | 
    1347 | export declare class Custom extends QuestionVue<QuestionCustomModel> {
  > 1348 |     readonly contentQuestion: import("../question").Question;
         |                                      ^
    1349 | }
    1350 | 
    1351 | 

 error  in .../node_modules/survey-vue/survey.vue.d.ts

ERROR in .../node_modules/survey-vue/survey.vue.d.ts(1353,35):
1353:35 Cannot find module '../panel'.
    1351 | 
    1352 | export declare class Composite extends QuestionVue<QuestionCompositeModel> {
  > 1353 |     readonly contentPanel: import("../panel").PanelModel;
         |                                   ^
    1354 | }
    1355 | 
    1356 | 

What is the expected behavior?

Build works

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

Install survey-vue@1.5.19, try and build with Typescript.

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

/**
   * Set to true to always serialize the localization string as object even if there is only one value for default locale. Instead of string "MyStr" serialize as {default: "MyStr"}
   */
serializeLocalizableStringAsObject: false

Example of using: Survey.settings.serializeLocalizableStringAsObject = true;

The following properties are added into panel: showNumber, showQuestionNumbers and questionStartIndex.

  /**
   * Set showNumber to true to start showing the number for this panel.
   * @see visibleIndex
   */
  public get showNumber(): boolean;
  public set showNumber(val): boolean;
  /**
   * Gets or sets a value that specifies how the elements numbers inside panel are displayed.
   *
   * The following options are available:
   *
   * - `default` - display questions numbers as defined in parent panel or survey
   * - `onpanel` - display questions numbers, start numbering from beginning of this page
   * - `off` - turn off the numbering for questions titles
   * @see showNumber
   */
  public get showQuestionNumbers(): string;
  public set showQuestionNumbers(value: string);

  /**
   * Gets or sets the first question index for elements inside the panel. The first question index is '1.' by default and it is taken from survey.questionStartIndex property.
   * You may start it from '100' or from 'A', by setting '100' or 'A' to this property.
   * You can set the start index to "(1)" or "# A)" or "a)" to render question number as (1), # A) and a) accordingly.
   * @see survey.questionStartIndex
   */
  public get questionStartIndex(): string;
  public set questionStartIndex(val: string);

For example, the numbering below will be possible by setting the following properties into panel1:

panel1.showNumer = true;
panel1.showQuestionNumbers = "onpanel";
panel1.questionStartIndex = "a)"

1. Question 1
2. Panel 1

1. Question 1 Inside Panel 1
2. Question 2 Inside Panel 1

3. Question 2

The following event has been added:

  /**
   * Event that raised on changing property of the ItemValue object.
   * sender - the object that owns the property
   * options.propertyName - the property name to which ItemValue array is belong. It can be "choices" for dropdown question
   * options.obj - the instance of ItemValue object which property has been changed
   * options.name - the property of ItemObject that has been changed
   * options.oldValue - old value
   * options.newValue - new value
   */
  public onItemValuePropertyChanged: Event<(sender: Base, options: any) => any,  any>;

Here is the example of using:

matrixQuestion.onItemValuePropertyChanged.add(function(sender, options) {
  //If ItemValue in the "rows" array of the matrix, do something on changing "text" property
  if(options.propertyName == "rows" && options.name == "text") {
    //do something
  }
});

In case rateStep is 0.1 in the rating question and rateMin/rateMax is 0/1 than we are getting values as: 0, 0.1, 0.2, 0.30000000000000004, ... The issue related to this issue: Why don’t my numbers, like 0.1 + 0.2 add up to a nice round 0.3, and instead I get a weird result like 0.30000000000000004?. Anyway, the behavior is not expected and expected behavior is to have values as: 0, 0.1, 0.2, 0.3, ...

Add Thai localization, created by our customer.

matrix dropdown/dynamic raised exception in the following function: public get totalValue(): any if there is no standard rows and total row is shown

To clear the question value, we can use SurveyTriggerSetValue with setValue is empty. For example:

  {
   "type": "setvalue",
   "expression": "{shippingSameAsBusiness} = false",
   "setToName": "shippingAddress"
  }

Question shippingAddress becomes empty on setting shippingSameAsBusiness question to false.

The following code should make price property visible for class "itemorder" and invsible for base class "itemvalue"

  Serializer.addProperty("itemvalue", { name: "price:number", visible: false });
  Serializer.addClass(
    "itemorder",
    [
      {
        name: "price:number",
        visible: true,
      },
    ],
    function () {
      return new ItemValue(null, null, "itemorder");
    },
    "itemvalue"
  );

It doesn't work in v1.5.19

This test is not passed

QUnit.test("ItemValue value changed notifications", function (assert) {
  var itemValue = new ItemValue("item");
  var valueChangedCount = 0;
  itemValue.registerFunctionOnPropertyValueChanged(
    "value",
    () => {
      valueChangedCount++;
    },
    "val_changed"
  );
  itemValue.value = "Test";
  assert.equal(valueChangedCount, 1, "changed notification has been fired");
  itemValue.unRegisterFunctionOnPropertyValueChanged("value", "val_changed");
});

Related issue - https://surveyjs.answerdesk.io/ticket/details/t3783/dropdown-radiobutton-and-checkbox-item-value-dont-reflect

Let's say you want to allow your end-users to select a country. The current solution is to modify a "dropdown" question with some preset and put it into toolbox. The current code is the following:

creator
    .toolbox
    .addItem({
        name: "countries",
        isCopied: true,
        iconName: "icon-default",
        title: "All countries",
        json: {
            "type": "dropdown",
            optionsCaption: "Select a country...",
            choicesByUrl: {
                url: "https://restcountries.eu/rest/v2/all"
            }
        }
    })

The code is taken from toolbox customization example. What if you need more and what to add some code behind this definition. And how to hide all unneeded properties, like choices, choicesByUrl and many others, from this question, that is actually still a dropdown question.

We want you to inroduce a way, where you can easily create a new question type: "country" and end-user will operate with this question even in JSON as: { type: "country", name: "myCountry"}. It should be in Toolbox, end-user can't modify or access properties that he doesn't need for a country question. You do not need to write a specific code for a survey to handle it's events when needed. It becomes a component model.

Please read more in this document.

See also composite custom question (where you can setup several questions at once) functionality.

Let's say your users often create a survey that contains information about their/your clients. It may include first/last names, address, phones, birthdate and so on. Commonly, end-user have to drop several questions, setup them and layout them on the page or panel. End-user can copy these questions from one survey to another. However, as soon as he copies these questions into another survey, he would have to support several versions of client information. If he decides to add/remove/change a question (for example phone), then it would require to change it in several surveys. Additionally, it is not an easy task for a non-technical person.

Composite question will solve this problem. It will allow to create, for our example, question type: "customerinformation" with all setup questions located in one panel. The value in the survey will be stored as: questionName: {firstName: ClientFirstName, lastName: CliertLastName, ...}. End-user could not access to internal questions. He could not customize them. You will be able to write the code and add properties to customize the question on high level: hide/show different questions, for example show/hide birthdate or address question(s).

Please read more in this document.

See also custom question (where only one question is available) functionality.

We need an ability to edit logo/title/description of a survey in SurveyJS Creator design surface.

based on the the https://surveyjs.answerdesk.io/ticket/details/T3758

If a group has only one item and it is another group then expand it's by default. For example if shows only localizable strings with text and there is only one page in the survey, then expand it, or there is only one question in the page, then expand the question group.

Additionally hide the page header, if this page header becomes the root of the translation.

Here is the picture on showing "Translation" tab with the only one page and the only one question.

We need to implement an ability to limit text input in the inplace editors (title adorner and it descendants)

The following expression could not be parsed correctly:

based on https://surveyjs.answerdesk.io/internal/ticket/details/T3784

In some big surveys (like COVID-19 example) if click to questions on the bottom of the designer area then designer scrolls up. Also when click on question focus carries to the property grid and necessary one more click to question to focus it

Hi. The append method not support in IE. Maybe it's better to use appendChild? https://github.com/surveyjs/survey-analytics/blob/cc05b13bbc5a64043c57353cae4913124e4043cb/src/tables/datatables.ts#L19 https://github.com/surveyjs/survey-analytics/blob/cc05b13bbc5a64043c57353cae4913124e4043cb/src/tables/tabulator.ts#L14