Released: March 13, 2024

SurveyJS v1.9.134 introduces a beta version of input masks, adds quickstart templates for Next.js and Remix, and includes other minor enhancements and bug fixes.

We're glad to announce that support for input masks is in beta and ready for testing! Input masks survey authors to enforce a specific format on the data that users input. This feature helps maintain data consistency by preventing users from entering data in incorrect formats. Currently supported input mask types are numeric, currency, date, and pattern. Follow the link below to test the input masks in Survey Creator. If you find a bug in the new functionality, please report an issue.

View Demo

Next.js and Remix are React-based frameworks for web development. The new SurveyJS release introduces two templates that will help you integrate all four SurveyJS React components into your Next.js or Remix application.

SurveyJS + Next.js Quickstart Template

SurveyJS + Remix Quickstart Template

Vue Form Builder

End-User Guide: How to Add Navigation Elements to Your Form

Change Heading Levels

Form Library

• Auto-scroll a matrix to empty required columns (#7920)
• File Upload: The Upload button remains highlighted and active in read-only mode (#7927)
• defaultValue doesn't trigger conditional visibility when questionsOnPageMode is "questionPerPage" (#7932)

Survey Creator

• Single-Line Input: Adaptivity breaks when changing the input type for a question with a small width (#5282)
• The addCollectionItemsJson method doesn't check question names in a dynamic panel template for uniqueness (#5312)
• Adorners: Question type selector displays a value instead of a title if settings.questionConvertMode is set to CompatibleType (#5309)
• onSurveyInstanceCreated event: Add "translation-tab:table-popup-editor" to options.area (#5304)
• An exception is raised when the onMachineTranslate event is handled and Survey Creator is switched to read-only mode (#5319)
• Inputmask: An exception is raised when creating a new logic rule (#5308)
• Property Grid: Survey title and description cannot be changed for different locales (#5317)
• Property Grid: "Thank You" page markup doesn't change when switching language (#5311)
• Drag-and-drop: A ghost element appears far from the mouse pointer (#5310)

Dashboard

• Sorting doesn't always work for Histogram charts (#228)
• Tabulator: The Comment box value replaces the Other option value in Checkboxes questions (#403)
• Charts within the onStateChanged event appear in a different order than charts on the screen (#402)

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

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

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

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

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

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

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

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