Survey Now v1.11.11
Released: August 14, 2024
Survey Now v1.11.11 adapts style sheets for work with Tailwind CSS, implements validation for visited empty input fields, and introduces text wrap for Ranking questions.
Tailwind CSS Support
The new Survey Now release works seamlessly in applications that use Tailwind CSS—a framework for quick UI customization. To achieve its goals, this framework includes directives that override CSS rules of other components included in your project. Survey Now v1.11.11 ensures that the UI of our components is not affected by the overriding CSS directives. Please migrate to the latest Survey Now version if your application uses Tailwind CSS alongside Survey Now components.
Validation for Visited Empty Input Fields
Survey Now Form Library v1.11.11 introduces a capability to validate empty input fields when users focus them and then leave without changing the value.
To activate this validation behavior, set the validateVisitedEmptyFields property to true in a survey JSON schema or enable the Survey > Validation > Validate empty fields on lost focus checkbox in Survey Creator. This feature is supported by Single-Line Input, Long Text, and Dropdown questions and requires the checkErrorsMode property set to "onValueChanged".
const surveyJson = {
// ...
"checkErrorsMode": "onValueChanged",
"validateVisitedEmptyFields": true
}
Text Wrap for Ranking Questions
Ranking questions allow users to arrange a list of items in a specific order. Previously, long item captions was truncated with ellipsis when the available width was insufficient to display them in full. Since Survey Now v1.11.11, long item captions are wrapped onto multiple lines.
New Blog Post
Patient Survey Software for Improved Healthcare Feedback
Bug Fixes and Minor Enhancements
Form Library
- Ranking: A disabled item can be ranked/unranked (#8656)
- A value cannot be set to a Single-Line Input question with
inputType: "month"(#8668) - Checkboxes: The left border of a focused choice's check box is cut off in a multi-column layout (#8683)
How to Update Survey Now Libraries in Your Application
Angular
npm i [email protected] [email protected] --save
npm i [email protected] [email protected] --save
npm i [email protected] --save
npm i [email protected] --save
React
npm i [email protected] [email protected] --save
npm i [email protected] [email protected] --save
npm i [email protected] --save
npm i [email protected] --save
Vue 3
npm i [email protected] [email protected] --save
npm i [email protected] [email protected] --save
npm i [email protected] --save
npm i [email protected] --save
Vue 2
npm i [email protected] [email protected] --save
npm i [email protected] [email protected] --save
npm i [email protected] --save
npm i [email protected] --save
Knockout / jQuery
<link href="https://unpkg.com/[email protected]/defaultV2.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-knockout-ui.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-knockout.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>