Released: April 15, 2025

Survey Now v2.0.5 adds support for user-defined choice options in Dropdown and Tag Box questions and presents a demo example that shows how to integrate Survey Now with a Python backend.

Single- and Multi-Select Dropdown question types introduce a capability for users to create custom choice options based on values they enter directly into the input field. This capability allows users to add and select choice options that were not originally provided by the survey author.

To enable this feature, set the allowCustomChoices property to true for individual Dropdown and Tag Box questions:

const surveyJson = {
  "elements": [{
    "type": "dropdown",
    "name": "car",
    "allowCustomChoices": true
  }, {
    "type": "tagbox",
    "name": "cars",
    "allowCustomChoices": true
  }]
};

By default, custom choices persist until the user reloads or closes the web page with the survey. If you want to store the choices for a longer period, handle the onCreateCustomChoiceItem event. Within the event handler, you can access the new item along with the list of previously added items and save them in a database or the localStorage.

View Demo

Survey Now already provides a vast collection of examples that show how to integrate Survey Now components with different server-side platforms. This release introduces an addition to that collection in the form of a Python integration example. This example implements an application that allows users to edit surveys in Survey Creator, run them using Form Library, and analyze the results using the Dashboard component.

View Online Demo

View GitHub Repository

Form Library

• Table of Contents doesn't work in question-per-page survey mode (#9705)
• Table of Contents doesn't appear if a survey JSON schema is loaded after rendering a survey (#9704)
• Yes/No (Boolean) Question: When selecting a value for the first time, the Yes label is not announced by a screen reader (#9734)
• Single-Select Matrix: A screen reader announces too much information when selecting each option (#9717)
• XMLHttpRequest and Image are not supported by Node.js (#9728)
• Advanced header is misaligned when static width is specified for a survey (#9715)
• Composite questions: SurveyModel's onPanelVisibleChanged event is not raised when an inner panel's visibility is changed (#9698)
• Select-based questions: The "Other" comment box is focused on loading a survey if a default value for the comment box is specified (#9700)
• Survey Creator: The choiceValuesFromQuestion and choiceTextsFromQuestion settings are unavailable for drop-down columns in a Multi-Select or Dynamic Matrix (#9741)
• The onAfterRenderMatrixCell event contains an incorrect object in the options.question parameter (#9469)
• "Skip To" trigger is no longer executed if you return to the original question and move forward (#9708)
• Dynamic Panel in a detail form of a Dynamic Matrix: The "Add Panel" button disappears even though the maxPanelCount isn't reached (#9714)
• The onPartialSend event isn't raised when switching between pages in question-per-page survey mode (#9737)
• showOtherItem and other properties specific to select-based questions are defined in the common Question class (#9722)

Survey Creator

• Property Grid: An icon is missing icon for the Numbering category (#6780)
• Preview tab: Page selector is not updated when switching between survey pages using in-survey navigation (#6815)
• Expressions: A backslash in a new line character \n is escaped while it shouldn't be (#6818)

npm i [email protected] [email protected] --save
npm i [email protected] [email protected] --save
npm i [email protected] --save
npm i [email protected] --save

npm i [email protected] [email protected] --save
npm i [email protected] [email protected] --save
npm i [email protected] --save
npm i [email protected] --save

npm i [email protected] [email protected] --save
npm i [email protected] [email protected] --save
npm i [email protected] --save
npm i [email protected] --save

<link href="https://unpkg.com/[email protected]/survey-core.min.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="https://unpkg.com/[email protected]/survey.core.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/[email protected]/survey-js-ui.min.js"></script>

<script src="https://unpkg.com/[email protected]/themes/index.min.js"></script>
<script src="https://unpkg.com/[email protected]/themes/index.min.js"></script>

<link href="https://unpkg.com/[email protected]/survey-creator-core.min.css" type="text/css" rel="stylesheet">
<script src="https://unpkg.com/[email protected]/survey-creator-core.min.js"></script>
<script src="https://unpkg.com/[email protected]/survey-creator-js.min.js"></script>

<link href="https://unpkg.com/[email protected]/survey.analytics.min.css" rel="stylesheet">
<script src="https://unpkg.com/[email protected]/survey.analytics.min.js"></script>

<script src="https://unpkg.com/[email protected]/survey.pdf.min.js"></script>