SurveyJS keeps focus the question that is in "skip to question" trigger.

If a developer use capital letter in component name, new question name, then adding new property will not work correctly. We need to convert component name into lowercase automatically.

Survey.Serializer.getAllClasses(); returns the string array of all classes registered in the SurveyJS Library Serializer.getAllPropertiesByName(propertyName) returns the list of JsonObjectProperty objects that has name equals to propertyName parameter. JsonObjectProperty.classInfo - read-only property that returns the JSON class to which the property belongs.

https://plnkr.co/edit/P2xMeyAYUrUjk0AF

The following expression: {question1} notempty and ({question2} = 1) displays as: (notempty {question1} and ({question2} == 1)) It should be display in English as: {question1} is not empty and ({question2} == 1) and in Deutsch as {question1} ist nicht leer und ({question2} == 1)

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

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

Bug

What is the current behavior?

When setting currentLocale to "da" Survey Creator elements translate to Turkish

What is the expected behavior?

When setting currentLocale to "da" Survey Creator should translate to Danish

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

SurveyCreator.localization.currentLocale = "da";

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

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

Image question doesn't have title and value. As result related adorners have to be hidden.

I am unbale to render the data table in my Vue component. I am guessing it is the way that jquery is loaded in the vue app.

I am just loading jquery and the plugins using the script tags in the index.html file

    <script src="https://unpkg.com/jquery"></script>
    <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.6.2/js/dataTables.buttons.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.6.2/js/buttons.print.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.6.2/js/buttons.html5.js"></script>
    <script src="https://cdn.datatables.net/colreorder/1.5.2/js/dataTables.colReorder.js"></script>
    <script src="https://cdn.datatables.net/responsive/2.2.4/js/dataTables.responsive.js"></script>
    <script src="https://cdn.datatables.net/rowgroup/1.1.2/js/dataTables.rowGroup.js"></script>
    <script src="https://cdn.datatables.net/select/1.3.1/js/dataTables.select.js"></script>

while survey-analytics is loaded in the vue component

import * as SurveyAnalytics from 'survey-analytics';

And the table is created as such:

const surveyTableNode = document.getElementById('surveyTable');
surveyTableNode.innerHTML = '';

const surveyAnalyticsDataTables = new SurveyAnalytics.DataTables(surveyTableNode, this.survey, normalizedData);

surveyAnalyticsDataTables.render();

However I am getting this error in the .render() function.

and the error occurs at this line in survey.analytics.js

var datatableApiRef = (this.datatableApi = jquery__WEBPACK_IMPORTED_MODULE_1__(tableNode).DataTable(options));

Any idea what could be the problem? And is there a better way to load jquery and the plugins in vue apps?

Any help would be great thanks

See this thread for more details - https://surveyjs.answerdesk.io/ticket/details/t4431/graph-chart-visuals-for-numeric-datatypes

Suppose we want to get the number of covid patients in each hospital, then this data can be presented in several ways like total number of patients, average number of patients in each hospital, maximum and minimum number of patients across all hospitals. This can help to take decisions. (Furthermore scattering around these points will provide more useful information - not a required feature).

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

var json = { checkErrorsMode: "onValueChanged", questions: [ { type: "dropdown", name: "car", title: "What car are you driving?", isRequired: true, hasOther: true, choices: [ "Citroen" ] } ] };

1. Select other
2. Enter other value -> error box will be still visible

Check https://surveyjs.io/Examples/Library?id=questiontype-radiogroup&platform=Vue&theme=default.

https://plnkr.co/edit/tHUvGynrnvHofui8

How it should look

But if decrease window size minRateDescription and maxRateDescription are missing

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 minimum reproducable JSON:

{
 "pages": [
  {
   "name": "page1",
   "elements": [
    {
     "type": "text",
     "name": "q1",
     "isRequired": true
    }
   ]
  }
 ],
 "checkErrorsMode": "onValueChanged"
}

Press "Complete" with empty q1, then add a symbol into q1 question, without losing the focus from q1 press "Complete" button again. As result the error will be disappeared, but survey will not be completed. The focus will be on the "Complete" button. End-user will have to press one more time on "Complete" button.

Users should be able set question size constraints declaratively as well as reset default constraint values.

link to reproduce:

https://plnkr.co/edit/Beeghtmh8WOt73ZI

• click complete btn

ImagePicker improvement: upload image into service, including external service, and add addorner with ability to add/delete the image. We are working on this functionality right now. Our service will allow to post images from the local computer and return the link on them that you will be able to use. You will be able to re-use your own service with our UI.

https://surveyjs.answerdesk.io/ticket/details/T969

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

Bug

What is the current behavior?

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

I opened one of the samples in Plunker, and added code as below:

I can see the same error as above in console. (Above error is from my code where creator = surveryCreator) I just copied the code as is from docs. I am not sure if this is the right way to do it, but I could not find any other documentation for the same.

Test code

surveyCreator.onElementAllowOptions.add(function (sender, options) {
        options.allowAddToToolbox = false;
    });

Specify your

• browser: Chomre
• editor version: 1.7.18

Added the new event.

  /**
   * The event is called on deleting a collection item from the Property Editor. For example: column in columns editor or item in choices and so on.
   * <br/> sender the survey creator object that fires the event
   * <br/> options.obj the survey object: Question, Panel, Page or Survey
   * <br/> options.property the collection property (Survey.JsonObjectProperty object). It has name, className, type, visible, readOnly and other properties
   * <br/> options.propertyName the collection property name
   * <br/> options.collection the editing collection where deleting item is located. It is can be columns in the matrices or choices in dropdown question and so on.
   * <br/> options.item the collection item that we are going to delete
   * <br/> options.allowDelete a boolean value. It is true by default. Set it false to abondome the element removing from the collection
   */
  public onCollectionItemDeleting: Survey.Event<(sender: SurveyCreator, options: any) => any, any>;

Example of using, showing confirm dialog for deleting item in pages collection.

creator.onCollectionItemDeleting.add(function (sender, options) {
  if (options.propertyName == "pages") {
     options.allowDelete = confirm("Do you want to delete the page?");
 }
});

  /**
   * Collapse all property editor tabs (accordions) in properties panel
   */
  public collapseAllPropertyTabs(): void {
    this.getAccordionTabs().forEach((tab: SurveyElementEditorTabModel) => {
      tab.collapse();
    });
  }

  /**
   * Expand all property editor tabs (accordions) in properties panel
   */
  public expandAllPropertyTabs(): void {
    this.getAccordionTabs().forEach((tab: SurveyElementEditorTabModel) => {
      tab.expand();
    });
  }

  /**
   * Expand certain property editor tab (accordion) in properties panel
   * name - tab category name
   */
  public expandPropertyTab(name: string): void {
    this.getAccordionTabs().forEach((tab: SurveyElementEditorTabModel) => {
      if (tab.name !== name) return;
      tab.expand();
    });
  }

  /**
   * Collapse certain property editor tab (accordion) in properties panel
   * name - tab category name
   */
  public collapsePropertyTab(name: string): void {
    this.getAccordionTabs().forEach((tab: SurveyElementEditorTabModel) => {
      if (tab.name === name) tab.collapse();
    });
  }
}

Currently we have the same localization string for "Choices", "Columns", "Pages" properties on adding a new item: "Add New". It requires, optionally, to have different localization string for these properties. Here is the example:

SurveyCreator.defaultStrings.pe["addNew@pages"] = "Add New Page";
SurveyCreator.defaultStrings.pe["addNew@columns"] = "Add New Column";

ed.lg.addNewItem will be used for "New Item" in logic tab, if it is not empty. Otherwise "pe.addNew" localization string will be used (as in previous versions < 1.7.19).

Instead of focusing the accordion header we need to focus the first property editor in this tab.

By default, we do not allow to delete the current page. We can optionally allow it by using the following code:

creator.onCanDeleteItem.add(function (sender, options) {
  if (options.item.getType() == "page") {
    options.canDelete = true;
  }
});

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/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"] = "فارْسِى";

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.

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();
  }