Released: June 25, 2024

SurveyJS v1.11.4 implements sticky progress bar and delayed search in Single- and Multi-Select Dropdown questions.

The new release introduces a progress bar that stays on top when a survey is being scrolled. This feature is especially useful for long surveys with many questions on each page.

Sticky progress bar is enabled by default, but it has the following prerequisites and limitations:

• The survey HTML container must have a specified height attribute.
• The progress bar must be displayed below the header.
• The header mustn't overlap the survey content.

View Demo

Single- and Multi-Select Dropdown (Tag Box) questions allow users to search choice options by entering search strings into the text input field. If the choice options are loaded from a remote data source using lazy loading, the survey need to request the data source to get a filtered choice option collection. Previously, the request was sent immediately when the search string changed. SurveyJS v1.11.4 introduces a dropdownSearchDelay setting that specifies how many milliseconds to wait before sending a search request to the server (500 milliseconds by default). This setting applies to all Single- and Multi-Select Dropdown questions with the choicesLazyLoadEnabled property set to true. The following code shows how to change this setting:

import { settings } from "survey-core";

settings.dropdownSearchDelay = 1000;

View Demo

How to Set and Format Dynamic Tab Titles in Dynamic Panel

Ranking Question with Custom Item Template

Theme Editor: Manage Theme Settings

Form Library

• Input masks are unavailable for the Phone Number input type (#8431)
• Yes/No (Boolean) question: Yes/No buttons do not recalculate their sizes when switching the locale on the fly (#8453)
• Dropdown appears as a popup on all devices with a touch screen (#8388)
• Checkboxes: The "None" choice option cannot be unselected by a click (#8438)
• A survey keeps deleted questions if they were in a deleted panel (#8458)

Survey Creator

• Preview: Invisible pages can be clicked within the Page Navigator with no effect (#5592)
• The onModified event is not raised when modifying individual mask settings (#5578)
• Theme Editor: The "Content area width" > "Same as survey" setting doesn't take into account the TOC on the page (#5593)
• File Upload editor doesn't have a placeholder (#5595)
• An exception is raised when updating the JSON property at runtime (#5599)
• Toolbox with categories: Empty space appears when searching for non-existing items (#5603)

Dashboard

• Table View: Implement an API to disable sorting (#442)

npm i survey-core@1.11.4 survey-angular-ui@1.11.4 --save
npm i survey-creator-core@1.11.4 survey-creator-angular@1.11.4 --save
npm i survey-analytics@1.11.4 --save
npm i survey-pdf@1.11.4 --save

npm i survey-core@1.11.4 survey-react-ui@1.11.4 --save
npm i survey-creator-core@1.11.4 survey-creator-react@1.11.4 --save
npm i survey-analytics@1.11.4 --save
npm i survey-pdf@1.11.4 --save

npm i survey-core@1.11.4 survey-vue3-ui@1.11.4 --save
npm i survey-creator-core@1.11.4 survey-creator-vue@1.11.4 --save
npm i survey-analytics@1.11.4 --save
npm i survey-pdf@1.11.4 --save

npm i survey-core@1.11.4 survey-vue-ui@1.11.4 --save
npm i survey-creator-core@1.11.4 survey-creator-knockout@1.11.4 --save
npm i survey-analytics@1.11.4 --save
npm i survey-pdf@1.11.4 --save

<link href="https://unpkg.com/survey-core@1.11.4/defaultV2.min.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="https://unpkg.com/survey-core@1.11.4/survey.core.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/survey-knockout-ui@1.11.4/survey-knockout-ui.min.js"></script>

<link href="https://unpkg.com/survey-creator-core@1.11.4/survey-creator-core.min.css" type="text/css" rel="stylesheet">
<script src="https://unpkg.com/survey-creator-core@1.11.4/survey-creator-core.min.js"></script>
<script src="https://unpkg.com/survey-creator-knockout@1.11.4/survey-creator-knockout.min.js"></script>

<link href="https://unpkg.com/survey-analytics@1.11.4/survey.analytics.min.css" rel="stylesheet">
<script src="https://unpkg.com/survey-analytics@1.11.4/survey.analytics.min.js"></script>

<script src="https://unpkg.com/survey-pdf@1.11.4/survey.pdf.min.js"></script>