JavaScript Survey and Form Library

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

Question/Feature

What is the current behavior?

Able to add dynamic matrix row wise. is there a possibility to add them column wise?

What is the expected behavior?

Add the dynamic matrix questions column wise

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: google chrome
• browser version:
• surveyjs platform (angular or react or jquery or knockout or vue): angular 5
• surveyjs version: 1.0.22

Hello, my intention is to embed select2tagbox in matrixdynamic. Is there any generic way to do so?

Using JQuery I'm trying to override the 'cellType' property of matrixdropdownbase class

JsonObject.metaData.addClass("matrixdropdownbase", [ ..... { name: "cellType", default: "dropdown", choices: ["dropdown", "checkbox", "radiogroup", "text", "comment"] } ..... ],

with select2tagbox property (as mentioned in the select2tagbox example) but I'm not sure if it'll work.

Is this feasible ?

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

• Requesting a feature, allowing customization of the survey template itself, being able to add custom classes to question elements, etc.

What is the expected behavior?

• Being able to customize the template, or in this specific case, being able to tie another existing button to be used as the 'next/complete' button.

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

N/A

Are there plans to support React Native? I have a need for mobile surveys; however, surveyjs service seems to have a dependency on the front end.

Is there a way to request the survey json via https without the frontend library?

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

feature / question

What is the current behavior?

We would like to support multiple entities questionnaire forms.

In our situation, it's a medical form that the questionnaire form should display for each of the entities.

we discussing if the solution should be UI based only or be part of surveryjs solution API

for example, if there was an API that we can ask the same question for 1..N entities and upon survey submission, we will get the data for each entity.

also - it could be much more complex because each entity can get a different survey path as each entity answer can result in a different UI based on visibleIf condition.

Any idea/comment will be more than helpful.

best

I have a fresh "create-react-app" install (https://github.com/facebookincubator/create-react-app).

• I ran npm install survey-react --save (everything is alright, something new in node modules!)
• Then I added import 'survey-react/dist/survey.react.min' right after import React, { Component } from 'react'; in App.js
• Run the server with npm start

Running it says:

survey.react.min.js:10 Uncaught ReferenceError: React is not defined

Is there any way to work around this problem? (feel free to close this issue if it's not relative to your lib!)

With the latest version, i got :

Uncaught ReferenceError: Unable to process binding "template: function (){return { name:'survey-content',afterRender:koEventAfterRender} }"
Message: Unable to process binding "if: function (){return koState() =="running" }"
Message: Unable to process binding "template: function (){return { name:'survey-page',data:koCurrentPage,afterRender:koAfterRenderPage} }"
Message: Unable to process binding "text: function (){return koNo() + processedTitle }"
Message: koNo is not defined
    at text (eval at parseBindingsString (knockout-min.js:61), <anonymous>:3:129)
    at update (knockout-min.js:91)
    at function.a.j.q (knockout-min.js:66)
    at l (knockout-min.js:44)
    at Object.a.w.a.j (knockout-min.js:47)
    at knockout-min.js:66
    at Object.o (knockout-min.js:10)
    at g (knockout-min.js:65)
    at h (knockout-min.js:63)
    at k (knockout-min.js:63)

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

Bug

What is the current behavior?

universalModuleDefinition?2436:1 Uncaught TypeError: Cannot read property 'Vue' of undefined

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

Just simply use the surveyjs_vue_quickstart to use surveyjs

Specify your

• browser: chrome
• browser version: lastest
• surveyjs platform (angular or react or jquery or knockout or vue): vue cli v3.0.0-rc.3
• surveyjs version: 1.0.30

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

Feature request.

What is the current behavior?

checkErrorsMode has three options - onNextPage, onValueChanged and onComplete.

What is the expected behavior?

One of the most common options to validate is onBlur. onValueChaged works quite fine for most cases but triggers validation prematurely occasionally. E.g upon partial entry in a Date field.

It would be nice to have one more option to trigger validation when the user focuses away after an input (onBlur event). Alternately, limit trigger to occur after the user enters a minimum number of characters.

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

Feature request.

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

Not applicable

Tested page URL:

Test code

your_code_here

Specify your

• browser: Chrome
• browser version:Version 81.0.4044.122 (Official Build) (64-bit)
• surveyjs platform (angular or react or jquery or knockout or vue): react
• surveyjs version: latest

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

question

What is the current behavior?

selecting: question1 - any value question2 - any value question3 - any value

after going back to question1 and going forward: question2 - value selected question3 - value selected

What is the expected behavior?

selecting: question1 - any value question2 - any value question3 - any value

after going back to question1 and going forward: question2 - value should be empty, user need to select again, because it will change visibility of further questions question3 - value should be empty, user need to select again, because it will change visibility of further questions

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

When scrolling and selecting in: question1 -> question2 -> question3....... , then going back to question1, selecting value and then after going to question2 or any other further - the value of question2 is already selected and not cleared. In this way, it shows questions that shouldn't be visible because there are visibleif statements.

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

I will provide my survey URL only for admin.

Specify your

• browser: Chrome
• browser version: up to date
• surveyjs platform (angular or react or jquery or knockout or vue): Jquery
• surveyjs version: 1.0.71

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

Reporting a bug

What is the current behavior?

Survey Js Editor does not render Select2 or Tagbox widgets:

When I enter the JSON from the tagbox example into the Survey JS editor (v1.0.58),

{
  "pages": [
    {
     "name": "page1",
      "elements": [
        {
          "type": "dropdown",
          "renderAs": "select2",
          "choicesByUrl": {
            "url": "https://restcountries.eu/rest/v2/all"
          },
          "name": "countries",
          "title": "Please select the country you have arrived from:"
        }
      ]
    }
  ]
}

I receive the error:

Error: The property 'renderAs' in class 'dropdown' is unknown. The list of available properties are: name, visible, useDisplayValuesInTitle, visibleIf, width, startWithNewLine, indent, page, title, description, commentText, valueName, enableIf, defaultValue, correctAnswer, isRequired, requiredErrorText, readOnly, validators, titleLocation, hasComment, hasOther, choices, choicesOrder, choicesByUrl, hideIfChoicesEmpty, choicesVisibleIf, choicesEnableIf, otherText, otherErrorText, storeOthersAsComment, optionsCaption.

What is the expected behavior?

It should render the Select2 and Tagbox widgets.

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

Open the SurveyJS editor and enter the JSON

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

Hard to do unfortunately.

Specify your

• browser: Chrome
• browser version: Version 70.0.3538.110
• surveyjs platform (angular or react or jquery or knockout or vue): Vue
• surveyjs version: 1.0.58

In read-only mode, a Panel Dynamic question shows the default message: There are no entries yet. Click the button below to add a new entry. However, this message is irrelevant in read-only mode, because it is impossible to add any entries.

Suggestion: modify the text for read-only mode. For example: There are no entries.

Original Issue: T11633 - Dynamic panel: Empty panel label in readonly mode

Usage scenario: Text input fields (e.g., Text, Comment questions) define the maxLength property:

{ 
   "elements": [
    {
     "type": "text",
     "name": "question1",
     "maxLength": 5
    }
   ] 
}

Display the Current/Max allowed characters for input fields.

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

This is a bug report.

What is the current behavior?

Calling question.hasErrors() after adding one or more errors by calling question.addErrors() results in the custom errors being lost.

All variants of hasErrors() are only aware of the SurveyJS errors produced by validators.

What is the expected behavior?

My expectation is that calling question.hasErrors(), survey.hasPageErrors(), survey.hasCurrentPageErrors(), or survey.hasErrors() should preserve custom errors manually added to a question by calling addError().

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

Obtain the instance of a SurveyJS question and call addError() before calling any of the hasErrors() methods available.

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

Tested page URL: https://codesandbox.io/s/frosty-grass-cipyl9?file=/src/App.vue

Test code

const page = this.survey.activePage;
const question = this.survey.getQuestionByName("LastName");
question.addError("This is an error.");

console.log(`question has error sync result`, question.hasErrors());
console.log(`question has error async handle`, question.hasErrors((hasErrors) => {
  console.log(`question has error async result`, hasErrors);
}));

console.log(`page error sync result`, this.survey.hasPageErrors(page));

question.addError("This is another error.");
console.log(`survey has error sync result`, this.survey.hasErrors());
console.log(`survey has error async handle`, this.survey.hasErrors((hasErrors) => {
  console.log(`survey has error async result`, hasErrors);
}));

Specify your

• browser: Firefox, this is not a browser issue.
• browser version: 109.0b6
• surveyjs platform (angular or react or jquery or knockout or vue): vue
• surveyjs version: 1.9

It would be beneficial to provide an async event similar to onServerValidateQuestions that gets called according to checkErrorsMode and is passed the instance of the question (IQuestion) it is validating.

The current validation API is somewhat limiting and it would be nice to avoid iterating all responses passed to onServerValidateQuestions to call getQuestionByName to check the question properties before validating.

The manual and examples show how one can validate a question by name, e.g. country, but this isn't an approach that scales beyond a handful of questions. For example in a survey where it's the set of properties attached to the question to determine how it should be validated, not its name.

Using a custom function registered as an expression is an OK solution, if one is willing to put the onus on the survey authors to ensure all questions have those extra validation expressions.

This is related to #5363 and it's another way to show what I am trying to do. Probably it's not ready to be merged but it works. Before this hack I tried to leverage the @RomanTsukanov suggestion but some of the questions are not easy to be reached through the getQuestionByName method as they may be locate inside deeply nested paneldynamic or matrixdynamic. This change will let my app users (who are the ones building the survey model) to write something like:

{
  "elements": [
    {
      "name": "dropdown",
      "type": "dropdown",
      "choices": [
        1,
        2,
        3,
        4
      ],
      "noneValue": "NA",
      "showNoneItem": true
    },
    {
      "name": "dropdownChoicesByUrl",
      "type": "dropdown",
      "noneValue": "N/A",
      "choicesByUrl": {
        "url": "https://restcountries.com/v2/all",
        "valueName": "name"
      },
      "showNoneItem": true
    }
  ]
}

PS. I found many bugs over the last years but this is my first PR. Please be patient! thank you