SurveyJS v1.11.4
Released: June 25, 2024
SurveyJS v1.11.4 implements sticky progress bar and delayed search in Single- and Multi-Select Dropdown questions.
Sticky Progress Bar
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.
![SurveyJS Form Library: Sticky progress bar](/stay-updated/release-notes/articles/v1.11.4/sticky-progress-bar.png)
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.
Delayed Search in Single- and Multi-Select Dropdown (Tag Box)
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;
New Help Topics
How to Set and Format Dynamic Tab Titles in Dynamic Panel
New and Updated Demos
Ranking Question with Custom Item Template
Theme Editor: Manage Theme Settings
Bug Fixes and Minor Enhancements
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)
How to Update SurveyJS Libraries in Your Application
Angular
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
React
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
Vue 3
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
Vue 2
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
Knockout / jQuery
<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>