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

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

The following JSON doesn't work:

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

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

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

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

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

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

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

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

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

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

Here is the original bug report

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

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

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

isAllRowRequired just gives an error message but no highlight

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

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

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

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

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

The following JSON simply doesn't work:

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

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

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

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

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

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

Reporting a bug

What is the current behavior?

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

What is the expected behavior?

Age should only be calculated till current date

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

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

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

Specify your

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

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

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

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

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

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

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

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

feature

What is the current behavior?

clickable only on radio button

What is the expected behavior?

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

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

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

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

What is the current behavior?

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

What is the expected behavior?

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

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

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

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

Test code

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

Specify your

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

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

Bug Report

What is the current behavior?

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

What is the expected behavior?

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

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

Minimal repro case:

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

There are 4 requirements to reproduce:

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

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

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

Specify your

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

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

Bug

What is the current behavior?

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

What is the expected behavior?

The deleted content should not return.

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

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

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

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

Specify your

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

But will be true if call updateIsAnswered for matrixdynamic question

Live sample in plunker

The following JSON generates stackoverflow:

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

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

work for bootstrap-material 4 and creator integration

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

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

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

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

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

Live sample in plunker

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

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

The reason, JavaScript failed to increase 12345671234567892 number.

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

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

Thanks!

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

var options = {
  labelTruncateLength: 50,
};

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

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

Bug

What is the current behavior?

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

What is the expected behavior?

Pressing on a link should open the link.

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

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

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

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

Specify your

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

@andrewtelnov

How do I center the radio buttons. Screenshot below:

Currently they are left aligned

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

What is the current behavior?

What is the expected behavior?

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

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

Tested page URL:

Test code

your_code_here

Specify your

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

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

Requesting a feature

What is the current behavior?

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

What is the expected behavior?

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

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

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

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

Add a new option

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

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

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

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

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

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

I got IE11 error "multiple definitions strict mode".

Inspection show that it caused by next code:

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

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

Can You fix it?

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

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

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

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

To get this behavior set to true two new settings:

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

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

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

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

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

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

Added the dataFormat property:

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

Allow developers to set any text into progress bar.

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

Example of showing % of answered questions:

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

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

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

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

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

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

Example:

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

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

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

The folloing JSON doesn't work:

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

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

We set width/min-width attributes for the

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

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

Bug

What is the current behavior?

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

What is the expected behavior?

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

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

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

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

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

Specify your

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

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

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

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

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

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

Reporting a bug

What is the current behavior?

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

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

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

What is the expected behavior?

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

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

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

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

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

Specify your

• browser: Chrome 84.0.4147.89
• editor version: 1.7.18

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

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

Fixed via this commit with conversion svg to base64

Change elements and columns visibility:

enum ElementVisibility {
  Visible,
  Invisible,
  PublicInvisible,
}

export interface IVisualizerPanelElement {
  ...
  visibility: ElementVisibility;
  ...
}

to two properties:

interface IVisualizerPanelElement {
  ...
  isVisible: boolean;
  isPublic: boolean;
  ...
}

for better user experience and covering all possible cases

and get rid of isTrustedAccess

Add an easy way to setup min and max date from jquery date time picker by adding two properties.

My user was complaining that clicking add new on a dynamic panel was having no effect

What I found was everything seems ok on the first add. Every add after the first, the button gives a problem unless you click the button on the very bottom edge. Anywhere else and the user gets the arrow cursor instead of the hand and they can't click.

sorry to register this small bug for that is probably a simple fix for a css person, but I couldn't figure out what was causing it. (not being a css person)

example distilled down https://plnkr.co/edit/o2vInwNbg4PuOdTp?preview

recreate by trying to click on add new twice and having button receive focus

Seeing the issue on both edge and chrome

Happens in React.js; however same issue does NOT happen in JQuery

https://plnkr.co/edit/37AkVqqAJ88zLdgI

The following expression, doesn't work: '"Hello: {" + {display_name} + "}"'. We should not parse brackets in string constants.

When using imagepicker and surveyjs react components it's not possible to pick the first image available.

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

Bug

What is the current behavior?

It's not possible to select the first image on imagepicker when using any version after 1.7.24

What is the expected behavior?

We should be able to pick any image

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

Your website is broken, go there to imagepicker, change to react and try picking up the first one. The same problem happens if run locally.

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

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

Specify your

• browser: chrome on osx
• browser version: 84.0.4147.105 (Official Build) (64-bit)
• surveyjs platform (angular or react or jquery or knockout or vue): react
• surveyjs version: 1.7.25, 1.7.26 and 1.7.27

See the https://surveyjs.answerdesk.io/ticket/details/t4720/save-state thread for more details

Is it possible to also now save state regarding other properties, such as the selected chart type, the ordering (default, ascending, descending)?

See the https://surveyjs.answerdesk.io/ticket/details/t4720/save-state thread for more details

example:

console.log(visPanel.permissions);
visPanel.permissions = [
    {name:"name", visibility: 0}, 
    ...
];

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

Feature

What is the current behavior?

The imageLink property of a image type question does not support localization.

What is the expected behavior?

Ideally the property should support localization just like the survey logo URL.

On adding a new property into a question, for example: Serializer.addProperty("text", {name: "prop1", category: "general"}), matrix column will create this property dynamically on setting cellType to "text". However, the notification on changing this property in matrix column will not fired, because the property will actually changed in template question of this column. We should fire notification for this dynamic property, otherwise changing property value of the matrix column in the code will not update a SurveyJS Creator property editor.

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

question/bug

What is the current behavior?

when using cascade dropdowns when changing the first one (region in the plunker) onValueChanging and onValueChanged callbacks are regularly called for that question but they are not for the second one (country). Specifically two incoherent things happened:

• onValueChanging show undefined oldValue
• onValueChanged is not even called

What is the expected behavior?

I track changes monitoring through onValueChang(ed/ing) callbacks and I would expect the same behavior for question that are not directly changed by the user

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

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

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

Bug

What is the current behavior?

In a specific scenario a setValue trigger is not executed

• "questionsOnPageMode": "questionPerPage"
• Target question is in a panel

Note that both of these are required for the erroneous behavior

What is the expected behavior?

It should successfully execute the trigger

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

See below

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

Tested page URL: https://surveyjs.io/create-survey

Test code

{
 "pages": [
  {
   "name": "page1",
   "elements": [
    {
     "type": "radiogroup",
     "name": "question2",
     "choices": [
      "item1",
      "item2",
      "item3"
     ]
    },
    {
     "type": "panel",
     "name": "panel2",
     "elements": [
      {
       "type": "text",
       "name": "question3"
      }
     ],
     "title": "panel2"
    }
   ]
  }
 ],
 "triggers": [
  {
   "type": "setvalue",
   "expression": "{question2} notempty",
   "setToName": "question3",
   "setValue": "abcd"
  }
 ],
 "textUpdateMode": "onTyping",
 "questionsOnPageMode": "questionPerPage"
}

Specify your

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

There is not access to row.value for a matrix dropdown row. It is needed in some column expressions (visibleIf, choicesVisibleIf) when you want to show/hide cell questions or some choices based on a row value. For more information, please read a ticket on SurveyJS support desk.

We are clearing values on hidding matrices rows and columns, even if clearInvisibleValues is "onComplete" (default) and even if it is "none". We are going to remove hidden rows/columns values from matrices only if clearInvisibleValues is "onHidden" and on finishing survey if clearInvisibleValues is "onComplete".

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

Bug

Note that this bug breaks surveys that are running, so this is a big issue.

What is the current behavior?

Logic seems to be executed differently in .26 vs .25, see the attached screen recording. This is the JSON used.

{
 "pages": [
  {
   "name": "page",
   "elements": [
    {
     "type": "multipletext",
     "name": "V007",
     "title": "Question 1",
     "items": [
      {
       "name": "1",
       "title": "Answer 1"
      },
      {
       "name": "2",
       "title": "Answer 2"
      },
      {
       "name": "3",
       "title": "Answer 3"
      }
     ]
    },
    {
     "type": "html",
     "name": "question1",
     "html": "This should show the 3 answers\n<br/>\n{V007.1}<br/>\n{V007.2}<br/>\n{V007.3}<br/>"
    },
    {
     "type": "matrix",
     "name": "V008",
     "title": "This should show a row for each of the given answers",
     "columns": [
      {
       "value": "1",
       "text": "Positief"
      },
      {
       "value": "2",
       "text": "Neutraal"
      },
      {
       "value": "3",
       "text": "Negatief"
      }
     ],
     "rows": [
      {
       "value": "1",
       "text": "{V007.1}",
       "visibleIf": "{V007.1} notempty"
      },
      {
       "value": "2",
       "text": "{V007.2}",
       "visibleIf": "{V007.2} notempty"
      },
      {
       "value": "3",
       "text": "{V007.3}",
       "visibleIf": "{V007.3} notempty"
      }
     ],
     "hideIfRowsEmpty": true
    }
   ]
  }
 ]
}

Will attach a video in a sec

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

Bug

What is the current behavior?

Incorrect detection of the requiredInAllRowsError error in QuestionMatrix when the value of any of the columns is 0 and the isAllRowRequired flag is set in the Vue version of SurveyJS. If you select a matrix item with a value of 0, then the requiredInAllRowsError will appear when the poll ends, as if this item was not selected at all. This behavior is only present in the Vue version of SurveyJS, in the others (jQuery, React, Knockout, Angular) everything works as expected.

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

Use Vue version of SurveyJS library and this config:

{
 "pages": [
  {
   "name": "page1",
   "elements": [
    {
     "type": "matrix",
     "name": "question",
     "title": "What's up?",
     "isRequired": true,
     "columns": [
      {
       "value": 0,
       "text": "No"
      },
      {
       "value": 1,
       "text": "Maybe"
      },
      {
       "value": 2,
       "text": "Yes"
      }
     ],
     "rows": [
      {
       "value": 1,
       "text": "Question 1"
      },
      {
       "value": 2,
       "text": "Question 2"
      },
      {
       "value": 3,
       "text": "Question 3"
      }
     ],
     "isAllRowRequired": true
    }
   ]
  }
 ]
}

Choose any answer options, at least one option "No" and complete the survey.

There is a way to set the name to a new created element, for example question. However, there is no way to say that the automatic generated name doesn't work for you and you need another one. Here is the example of usage:

creator.onGenerateNewName.add(function(sender, options) {
  //We need to have unique names with another survey
  options.isUnique = anotherSurvey.getQuestionByName(options.name);
});

Event declaration:

  /**
   * The event is called on generation a new name for a new created element.
   * <br/> sender the survey creator object that fires the event
   * <br/> options.element a new created survey element. It can be question, panel or page
   * <br/> options.name a new suggested name, that is unique for the current survey. You can suggest your own name. If it is unique, creator will assign it to the element.
   * <br/> options.isUnique a boolean property, set this property to false, if you want to ask Creator to generate another name
   */
  public onGenerateNewName: Survey.Event<
    (sender: SurveyCreator, options: any) => any,
    any
  > = new Survey.Event<(sender: SurveyCreator, options: any) => any, any>();

There were not unit test for creator.onConditionQuestionsGetList event.

See the https://surveyjs.answerdesk.io/ticket/details/t4959/is-it-possible-to-allow-user-to-add-only-one-page-and-one-question-in-survey-creator thread for more details

UPDATE: All new properties for widgets missed the category name.

The sample seems to not be working when you select phone on input mask in the sample https://surveyjs.io/Examples/Survey-Creator?id=customwidgets&theme=bootstrap#content-result it just renders the work 'phone' in the input box

The other question I had (and the reason I was looking at the sample) was:

how can I get the Input Mask property up to the general tab? I tried the normal way of moving items:

 SurveyJSCreator
            .SurveyQuestionEditorDefinition
            .definition["survey"]
            .properties = [
...
     { name: "inputFormat", tab: "general", title:"My Mask" },
]

It didn't work, I realize this is a widget, so maybe there's a different way of doing it.

Thanks Marc

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

Asking a question/Requesting a feature.

What is the current behavior?

Add textUpdateMode to "other" value in dropdown questions.

What is the expected behavior?

Can we please add textUpdateMode to other value in for dropdown questions

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

I tried this, https://plnkr.co/edit/0F73cRc8zGMYa2Aw, but it is not working.

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:

On changing question type for radiogroup/dropdown/checkbox, we can have incorrect defaultValue and correctAnswer properties. They are a single value for radiogroup/dropdown and array for checkbox. We have to correct them accordingly on setting these values.

Remove trailing spaces on setting question/page/panel name and do not allow to use in question name.

The performance, on running conditions for a large survey over 10k lines with a lot of expressions in it, is unacceptable. We should change our algorithm that re-run conditions on changing the expression value. UPDATE: The performance for the particular survey was imporoved in 20-30 times.

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

question/bug

What is the current behavior?

In my adoption of surveyJS engine I heavily use onValueChanging event but I don't understand why attached callbacks are called twice after selecting an option

What is the expected behavior?

callbacks should be called once

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

see console https://plnkr.co/edit/81ZISxzNBgls32Ro

• surveyjs platform: react

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

Bug

What is the current behavior?

In you documentation, none of your examples are working.

Try:

• https://surveyjs.io/Examples/Pdf-Export?id=survey-pdf-saveoptions&platform=Vue&theme=modern#content-result
• https://surveyjs.io/Examples/Pdf-Export?id=survey-pdf-export&platform=Vue&theme=modern

On load we have: Uncaught TypeError: Cannot read property 'API' of undefined

Then... ReferenceError: SurveyPDF is not defined

What is the expected behavior?

Examples are working

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: chrome, edge
• browser version:
• surveyjs platform (angular or react or jquery or knockout or vue): Vue, jQuery
• surveyjs version:

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

Reporting a bug

What is the current behavior?

Dragging and dropping is not working in IE 11

What is the expected behavior?

Dragging and dropping is available

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

Create a new test survey with multiple questions, try to reorder in IE11

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

Specify your

• browser: IE 11
• editor version: 1.7.23

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

Reporting a bug

What is the current behavior?

When clicking the "down" arrow at the end of a dropdown question, nothing happens

What is the expected behavior?

The dropdown opens

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

Create a fresh survey on the creator and add a dropdown question, then press the arrow on the far right of the dropdown input

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

Specify your

• browser: Chrome, Firefox, Edge
• editor version: 1.7.23

If there are several questions in the panel and you delete one question, then the next question in the panel should be selected or the panel, if there is no any question there. The original issue was created in SurveyJS support desk.

1. Go to https://surveyjs.io/create-survey
2. Go to logic tab
3. Add new
4. Choose custom expression in define action section
5. ???
6. There are two "Select question..." choices in dropdown

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

for the modern theme:

.sv-panel__required-text {}

We have a code duplication for different platforms (knockout, react and vue) for getItemClass() for radigroup, checkbox and image picker. We have to make the same API for all platforms and move these functions into model to remove the code duplication.

Two new item styles were added into checkbox. For standard theme:

    itemSelectAll: "sv_q_checkbox_selectall",
    itemNone: "sv_q_checkbox_none",

For modern theme:

    itemSelectAll: "sv-checkbox--selectall",
    itemNone: "sv-checkbox--none",

Here is the example for rendering "Select All" in bold text for standard theme.

     .sv_q_checkbox_selectall {
        font-weight: bold;
      }

We have "choicesFromWeb" property for image picker. However, it doesn't currently make sense since we do not have the ability to set the image link name and set imageLink property into image picker choices from the web service. Solution is to add imageLinkName property that will work for image picker question only.

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

See the https://surveyjs.answerdesk.io/ticket/details/t4798/onitemvaluedeleted-onitemvaluedeleting-or-something-similar thread for more details

For example, you want to change the display name for the "visible" property for question. Make it different from others objects (page, panel). You can do it by changing the JSON property displayName attribute.

Survey.Serializer.findProperty("question", "visible").displayName = "Custom Display Value For Visible Question Property";

Expression question is read-only. It doesn't make sense to use it for editing value. We have to use "text" question instead.

See the https://surveyjs.answerdesk.io/ticket/details/t4114/bug-in-deleting-result thread for more detials

See the https://surveyjs.answerdesk.io/ticket/details/t4720/save-state thread for more details

It may be possible to select the question value instead of the title in the labels? Sometimes the titles of the options are huge and that causes the charts to be quite difficult to read.

Problem: I noticed that one of the features of survey-analytics "Interactive filtering for the select type questions" was not filtering the comment-type questions as well. Ther data was correctly updated as the filter applied but changes were not rendered on the screen.

How to reproduce:

Use a Survey with select type questions and comment type questions. Render the responses using the VisualizationPanel. Select one bar to interactively filter responses. Expected: Only comments belonging to the filtered responses are shown. Actual: Comments from all responses are shown.

Steps to reproduce:

1. Set column's visibility to 1(Invisible).
2. Update columns through setter.
3. Choose column in "Show column" dropdown.
4. Column won't appear.

Steps to reproduce:

1. Move column.
2. "Details" button disappears.

for better api

this.surveyAnalyticsDataTables.updateData(data);
this.surveyAnalyticsVisPanel.updateData(data);

Page size and current page number are restored to defaults after updating tables.

Add title attribute to show full answers and titles on the cell's hover.

Remove callbacks from the table's events when destroying extension.

if hidden elements exists moveElement starts to operate hidden elemenets. It should be another method moveVisibleElement which will pass correct indexes to moveElement (only visible elements).

The original bug was posted on SurveyJS Support Desk.

If you select a value in rate question, then from the code clear it and try to select the same value visually, you can't do it. We are changing the value on knockout onChanged event and knockout doens't fire this event on re-selecting the value.

UPD (by Andrew):

The new property textUpdateMode is added into text and comment questions. For text question it is visible when inputType equals to text. There are three possible values, "default", "onBlur" and "onTyping". If the value is default then survey.textUpdateMode property is used.

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

Requesting a Feature/ Asking a Question

What is the current behavior?

textUpdateMode is applicable for entire survey, and not per question

What is the expected behavior?

Is there a way to set textUpdateMode per question? I have a usecase where I need the textUpdateMode mode to be different for different questions. For eg. I am trying to use inputmasking, but it does not work properly when textUpdateMode is set to "onTyping" but for other questions, the business logic demands it to be set to onTyping. Any work around this would be highly appreciated.

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

https://plnkr.co/edit/fSLcFlLyiN3rdLzo

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

Tested page URL:

Test code

your_code_here

Render required text for requried Panel and respect survey.questionTitlePattern for Panel as well.

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

MS Excel doesn't understand '|' delimiter and on saving put additiona quotes. As result translation parser could not parse the file correctly. By changing the delimiter to ',' solves the issue.

See the https://surveyjs.answerdesk.io/ticket/details/t4776/survey-creator-customize-separator-icon thread for more details.

Here is a sample for matrixdropdown with rows text.

Do we need this operation now? If yes we should move it inside the analytics-library itself.

var normalizedData = data.map(function (item) {
  survey.getAllQuestions().forEach(function (q) {
    if (item[q.name] === undefined) {
      item[q.name] = "";
    }
  });
  return item;
});

See the https://surveyjs.answerdesk.io/ticket/details/t4696/add-question-element-in-onclearfiles-event thread for more details

On setting a value to a question that was shown (mounted) and now invisible/on another page or hidden (unmounted), react raise the warning"Can't perform a React state update on an unmounted component.". The original issue came from SurveyJS Support Desk.

There is a huge performance issue on editing several hunderds items in Fast Entry (multiline text) section.

Currently, a developer requires to write a lot of code to place the property exactly next to another property to make sure it is in the right place. category and visibleIndex attributes may do not work correctly, since the property list and their order in the tab/category can be changed due many reasons. To make sure that a new property is placed exactly next to the particular property you can use nextToProperty attribute. Here is the example:

Survey.Serializer.addProperty("question", {name: "tag", nextToProperty: "title"});
Survey.Serializer.addProperty("question", {name: "tag2", nextToProperty: "tag"});

There are requests for comments visualization. See e.g. this thread for more details - https://surveyjs.answerdesk.io/ticket/details/t4453/survey-analytics

Split survey-analytics package on several bundles:

• survey.analytics.summary - charts, diagrams, wordclouds and so on - visualization per question
• survey.analytics.datatables - tabular reprevsenation via datatables (https://datatables.net/)
• survey.analytics.tabulator- tabular reprevsenation via tabulator (http://tabulator.info/)

I hope we could release only one tabular visualizer

It is nesessary for the render function only. This will allow doesn't re-create visualizers in panels,

At this moment (Jul 2020) we have here two prefixes in CSS styles: "sva-" ("sva-toolbar") and "sa-" ("sa-visualizer__toolbar") We need leave only one

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

bug

What is the current behavior?

text changing after adding or removing item in sortable list

What is the expected behavior?

text changing on typing or on blur

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

https://surveyjs.io/Examples/Builder/?id=customwidgets select sortable list widget, open choices property, change text in any item -> text is not updating on view

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

Tested page URL: https://surveyjs.io/Examples/Builder/?id=customwidgets

Specify your

• browser: google chrome/ firefox
• editor version: last version

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.

https://plnkr.co/edit/P2xMeyAYUrUjk0AF

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.

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

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)

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

If you remove the property:

Survey.Serializer.removeProperty("question", "description");

You get the error:

See the https://surveyjs.answerdesk.io/ticket/details/t4683/removing-property thread for more details

See the https://surveyjs.answerdesk.io/ticket/details/t4676/add-surveyjs-title-and-description-in-page-property-and-update-label-for-page-property thread for more details

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

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

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"],
      };