Released: November 7, 2024

SurveyJS v1.12.9 introduces case studies on our website, adds an API to customize existing toolbox subitems in Survey Creator, and includes minor enhancements and bug fixes.

In this release, we add a new Case Studies page on our website. This page will tell success stories of how brands across industries have used SurveyJS UI libraries to automate form management and improve data collection within their applications. The first case study talks about how Heilbronn University's GECKO Institute enhanced student engagement through the AStA app by integrating SurveyJS.

Case Study: Heilbronn University and GECKO Institute - AStA

Survey Creator v1.12.9 introduces a new getSubitem(name) method that allows you to access an existing toolbox subitem for further customization. This method returns a QuestionToolboxItem object whose properties you can modify. For example, the following code shows how to add an input mask to the Phone Number subitem that belongs to the Single-Line Input toolbox item:

import { SurveyCreatorModel } from "survey-creator-core";
const creatorOptions = { ... };
const creator = new SurveyCreatorModel(creatorOptions);

const singleTextInputItem = creator.toolbox.getItemByName("text");
const telSubitem = singleTextInputItem.getSubitem("tel");
telSubitem.json["maskType"] = "pattern";
telSubitem.json["maskSettings"] = { "pattern": "+1(999)999-99-99" };

View Documentation

Form Library

• A Single-Line Input question doesn't reset its disabled state after conditional visibility is triggered if showInvisibleElements is enabled (#9002)
• Dynamic Panel doesn't allow adding more than 100 panels (#9000)
• Dynamic Matrix: A selected cell value is not rendered when other columns appear based on the first column value (#9001)

Survey Creator

• Translation tab: Multi-line editors do not support line breaks (#5977)
• Input type options are not localized (#6014)
• Autocomplete data list is not localized (#6017)
• [Safari] Toolbox subitems are cut off (#6039)

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

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

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

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

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

<script src="https://unpkg.com/survey-core@1.12.9/themes/index.min.js"></script>

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

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

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