SurveyJS v1.11.8
Released: July 23, 2024
SurveyJS v1.11.8 comes with several new learning materials, enhances the displayValue
expression function to retrieve a choice's display text, includes important bug fixes and minor enhancements.
The 'displayValue' expression function: Retrieve choice display texts by specific values
The displayValue
function has been enhanced to support a second parameter. This parameter can be used to retrieve the display text associated with a specific question value. For example, the following expression retrieves the display text corresponding to the value 5
in a Dropdown question:
"expression": "displayValue('my-dropdown-question', 5)"
When merging question values using the valueName
and valuePropertyName
settings, the second value parameter allows users to copy the display values of selected checkboxes to a corresponding Dynamic Matrix column or Dynamic Panel field.
{
"pages": [
{
"name": "page1",
"elements": [
{
"type": "checkbox",
"name": "sourceQuestion",
"title": "Select Items",
"choices": [
{
"value": 1,
"text": "Item 1"
},
{
"value": 2,
"text": "Item 2"
},
{
"value": 3,
"text": "Item 3"
}
],
"valuePropertyName": "sourceQuestionValue"
},
{
"type": "matrixdynamic",
"name": "question2",
"valueName": "sourceQuestion",
"columns": [
{
"name": "Column 1",
"defaultValueExpression": "displayValue('sourceQuestion', {row.sourceQuestionValue})"
},
{
"name": "Column 2"
},
{
"name": "Column 3"
}
],
"cellType": "text",
"allowAddRows": false,
"allowRemoveRows": false
}
]
}
]
}
New Help Topics
PDF Generator: Create PDF Forms in Node.js
New Blog Post
New and Updated Demos
Custom Functions in Expressions
New Demo Examples on GitHub
SurveyJS Form Builder + Nuxt 3
Bug Fixes and Minor Enhancements
Form Library
- A progress bar that appears below the form header overlaps a page's title and description (#8578)
- Rating Scale in Dropdown Mode: The popup is immediately closed, and it's impossible to select a rate item if a question has a large title text (#8538)
- Performance of the
getUsedLocales()
method can be enhanced (#8591) - Survey data is loaded incorrectly for questions with names ending with
\n
(#8586) - The
getQuestionByName()
method doesn't return a question instance even though it is returned by thegetAllQuestions()
method (#8583) - Dynamic Matrix - A row gets an invalid value after being reordered (#8568)
- Pattern input mask: Separator characters are ignored when using the browser's autofill feature with
inputType: "tel"
(#8526)
Survey Creator
- Multi-Select Matrix: The pop-up editor of Radio Button Group column choices has unused space on the right side (#5697)
- Panel titles are not displayed on the design surface until the page is refreshed (#5720)
- Localization: The
addNewTypeQuestion
string is not translated to German (#5705) - Theme Editor: The
headerView
property is not deserialized (#5717)
How to Update SurveyJS Libraries in Your Application
Angular
npm i survey-core@1.11.8 survey-angular-ui@1.11.8 --save
npm i survey-creator-core@1.11.8 survey-creator-angular@1.11.8 --save
npm i survey-analytics@1.11.8 --save
npm i survey-pdf@1.11.8 --save
React
npm i survey-core@1.11.8 survey-react-ui@1.11.8 --save
npm i survey-creator-core@1.11.8 survey-creator-react@1.11.8 --save
npm i survey-analytics@1.11.8 --save
npm i survey-pdf@1.11.8 --save
Vue 3
npm i survey-core@1.11.8 survey-vue3-ui@1.11.8 --save
npm i survey-creator-core@1.11.8 survey-creator-vue@1.11.8 --save
npm i survey-analytics@1.11.8 --save
npm i survey-pdf@1.11.8 --save
Vue 2
npm i survey-core@1.11.8 survey-vue-ui@1.11.8 --save
npm i survey-creator-core@1.11.8 survey-creator-knockout@1.11.8 --save
npm i survey-analytics@1.11.8 --save
npm i survey-pdf@1.11.8 --save
Knockout / jQuery
<link href="https://unpkg.com/survey-core@1.11.8/defaultV2.min.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="https://unpkg.com/survey-core@1.11.8/survey.core.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/survey-knockout-ui@1.11.8/survey-knockout-ui.min.js"></script>
<link href="https://unpkg.com/survey-creator-core@1.11.8/survey-creator-core.min.css" type="text/css" rel="stylesheet">
<script src="https://unpkg.com/survey-creator-core@1.11.8/survey-creator-core.min.js"></script>
<script src="https://unpkg.com/survey-creator-knockout@1.11.8/survey-creator-knockout.min.js"></script>
<link href="https://unpkg.com/survey-analytics@1.11.8/survey.analytics.min.css" rel="stylesheet">
<script src="https://unpkg.com/survey-analytics@1.11.8/survey.analytics.min.js"></script>
<script src="https://unpkg.com/survey-pdf@1.11.8/survey.pdf.min.js"></script>