Merge branch 'master' into feature/5429

surveyjs · Feb 8, 2023 · 2c8c691 · 2c8c691
2 parents 8b13580 + 8c3368c
commit 2c8c691
Show file tree

Hide file tree

Showing 167 changed files with 1,660 additions and 596 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,8 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [1.9.71](https://github.com/surveyjs/survey-library/compare/v1.9.70...v1.9.71) (2023-01-31)
+
 ### [1.9.70](https://github.com/surveyjs/survey-library/compare/v1.9.69...v1.9.70) (2023-01-24)
 
 ### [1.9.69](https://github.com/surveyjs/survey-library/compare/v1.9.68...v1.9.69) (2023-01-17)

diff --git a/docs/get-started-angular.md b/docs/get-started-angular.md
@@ -73,21 +73,7 @@ Open the `angular.json` file and reference a style sheet that implements the req
 }
 ```
 
-To apply the referenced theme, call the `applyTheme(themeName)` method. Depending on the theme, pass `"modern"` or `"defaultV2"` as the method's argument. For instance, the following code applies the Default V2 theme:
-
-```js
-import { Component } from '@angular/core';
-import { StylesManager } from "survey-core";
-
-StylesManager.applyTheme("defaultV2");
-
-@Component({
-  // ...
-})
-export class AppComponent {
-  // ...
-}
-```
+For more information about SurveyJS themes, refer to the following help topic: [Themes & Styles](https://surveyjs.io/form-library/documentation/manage-default-themes-and-styles).
 
 ## Create a Model
 
@@ -132,9 +118,7 @@ export class AppComponent implements OnInit {
 
 ```js
 import { Component, OnInit } from '@angular/core';
-import { Model, StylesManager } from "survey-core";
-
-StylesManager.applyTheme("defaultV2");
+import { Model } from "survey-core";
 
 const surveyJson = {
   elements: [{
@@ -207,9 +191,7 @@ If you replicate the code correctly, you should see the following survey:
 ```js
 // app.component.ts
 import { Component, OnInit } from '@angular/core';
-import { Model, StylesManager } from "survey-core";
-
-StylesManager.applyTheme("defaultV2");
+import { Model } from "survey-core";
 
 const surveyJson = {
   elements: [{
@@ -341,9 +323,7 @@ To view the application, run `ng serve` in a command line and open [http://local
 ```js
 // app.component.ts
 import { Component, OnInit } from '@angular/core';
-import { Model, StylesManager } from "survey-core";
-
-StylesManager.applyTheme("defaultV2");
+import { Model } from "survey-core";
 
 const surveyJson = {
   elements: [{

diff --git a/docs/get-started-jquery.md b/docs/get-started-jquery.md
@@ -46,11 +46,7 @@ Insert links to the script and one of the style sheets within the `<head>` tag o
 </head>
 ```
 
-To apply the linked theme, call the `applyTheme(themeName)` method. Depending on the theme, pass `"modern"` or `"defaultV2"` as the method's argument. For instance, the following code applies the Default V2 theme:
-
-```js
-Survey.StylesManager.applyTheme("defaultV2");
-```
+For more information about SurveyJS themes, refer to the following help topic: [Themes & Styles](https://surveyjs.io/form-library/documentation/manage-default-themes-and-styles).
 
 ## Create a Model
 
@@ -104,10 +100,6 @@ const survey = new Survey.Model(surveyJson);
 ```
 
 ```js
-Survey
-    .StylesManager
-    .applyTheme("defaultV2");
-
 const surveyJson = {
     elements: [{
         name: "FirstName",
@@ -173,10 +165,6 @@ If you replicate the code correctly, you should see the following survey:
 ```
 
 ```js
-Survey
-    .StylesManager
-    .applyTheme("defaultV2");
-
 const surveyJson = {
     elements: [{
         name: "FirstName",
@@ -273,10 +261,6 @@ As you can see, survey results are saved in a JSON object. Its properties corres
 ```
 
 ```js
-Survey
-    .StylesManager
-    .applyTheme("defaultV2");
-
 const surveyJson = {
     elements: [{
         name: "FirstName",

diff --git a/docs/get-started-knockout.md b/docs/get-started-knockout.md
@@ -46,11 +46,7 @@ Insert links to the scripts and style sheets within the `<head>` tag on your HTM
 </head>
 ```
 
-To apply the linked theme, call the `applyTheme(themeName)` method. Depending on the theme, pass `"modern"` or `"defaultV2"` as the method's argument. For instance, the following code applies the Default V2 theme:
-
-```js
-Survey.StylesManager.applyTheme("defaultV2");
-```
+For more information about SurveyJS themes, refer to the following help topic: [Themes & Styles](https://surveyjs.io/form-library/documentation/manage-default-themes-and-styles).
 
 ## Create a Model
 
@@ -105,10 +101,6 @@ const survey = new Survey.Model(surveyJson);
 ```
 
 ```js
-Survey
-    .StylesManager
-    .applyTheme("defaultV2");
-
 const surveyJson = {
     elements: [{
         name: "FirstName",
@@ -179,10 +171,6 @@ If you replicate the code correctly, you should see the following survey:
 ```
 
 ```js
-Survey
-    .StylesManager
-    .applyTheme("defaultV2");
-
 const surveyJson = {
     elements: [{
         name: "FirstName",
@@ -282,10 +270,6 @@ As you can see, survey results are saved in a JSON object. Its properties corres
 ```
 
 ```js
-Survey
-    .StylesManager
-    .applyTheme("defaultV2");
-
 const surveyJson = {
     elements: [{
         name: "FirstName",

diff --git a/docs/get-started-react.md b/docs/get-started-react.md
@@ -45,13 +45,7 @@ import 'survey-core/defaultV2.min.css';
 // import 'survey-core/modern.min.css';
 ```
 
-To apply the imported theme, call the `applyTheme(themeName)` method. Depending on the theme, pass `"modern"` or `"defaultV2"` as the method's argument. For instance, the following code applies the Default V2 theme:
-
-```js
-import { StylesManager } from 'survey-core';
-
-StylesManager.applyTheme("defaultV2");
-```
+For more information about SurveyJS themes, refer to the following help topic: [Themes & Styles](https://surveyjs.io/form-library/documentation/manage-default-themes-and-styles).
 
 ## Create a Model
 
@@ -90,9 +84,7 @@ function App() {
 
 ```js
 import 'survey-core/defaultV2.min.css';
-import { StylesManager, Model } from 'survey-core';
-
-StylesManager.applyTheme("defaultV2");
+import { Model } from 'survey-core';
 
 const surveyJson = {
   elements: [{
@@ -141,11 +133,9 @@ If you replicate the code correctly, you should see the following survey:
 
 ```js
 import 'survey-core/defaultV2.min.css';
-import { StylesManager, Model } from 'survey-core';
+import { Model } from 'survey-core';
 import { Survey } from 'survey-react-ui';
 
-StylesManager.applyTheme("defaultV2");
-
 const surveyJson = {
   elements: [{
     name: "FirstName",
@@ -236,11 +226,9 @@ To view the application, run `npm run start` in a command line and open [http://
 import { useCallback } from 'react';
 
 import 'survey-core/defaultV2.min.css';
-import { StylesManager, Model } from 'survey-core';
+import { Model } from 'survey-core';
 import { Survey } from 'survey-react-ui';
 
-StylesManager.applyTheme("defaultV2");
-
 const surveyJson = {
   elements: [{
     name: "FirstName",

diff --git a/docs/get-started-vue.md b/docs/get-started-vue.md
@@ -52,20 +52,7 @@ import 'survey-core/defaultV2.min.css';
 </script>
 ```
 
-To apply the imported theme, call the `applyTheme(themeName)` method. Depending on the theme, pass `"modern"` or `"defaultV2"` as the method's argument. For instance, the following code applies the Default V2 theme:
-
-```js
-<template>
-  <!-- ... -->
-</template>
-
-<script>
-// ...
-import { StylesManager } from 'survey-core';
-
-StylesManager.applyTheme("defaultV2");
-</script>
-```
+For more information about SurveyJS themes, refer to the following help topic: [Themes & Styles](https://surveyjs.io/form-library/documentation/manage-default-themes-and-styles).
 
 ## Create a Model
 
@@ -120,9 +107,7 @@ export default {
 
 <script>
 import 'survey-core/defaultV2.min.css';
-import { StylesManager, Model } from 'survey-core';
-
-StylesManager.applyTheme("defaultV2");
+import { Model } from 'survey-core';
 
 const surveyJson = {
   elements: [{
@@ -193,11 +178,9 @@ If you replicate the code correctly, you should see the following survey:
 
 <script>
 import 'survey-core/defaultV2.min.css';
-import { StylesManager, Model } from 'survey-core';
+import { Model } from 'survey-core';
 import { Survey } from 'survey-vue-ui';
 
-StylesManager.applyTheme("defaultV2");
-
 const surveyJson = {
   elements: [{
     name: "FirstName",
@@ -319,11 +302,9 @@ To view the application, run `npm run serve` in a command line and open [http://
 
 <script>
 import 'survey-core/defaultV2.min.css';
-import { StylesManager, Model } from 'survey-core';
+import { Model } from 'survey-core';
 import { Survey } from 'survey-vue-ui';
 
-StylesManager.applyTheme("defaultV2");
-
 const surveyJson = {
   elements: [{
     name: "FirstName",

diff --git a/docs/handle-survey-results-store.md b/docs/handle-survey-results-store.md
@@ -47,21 +47,17 @@ SurveyJS Service is a full-cycle survey solution. The service allows you to crea
 Follow the steps below to start using the SurveyJS Service:
 
 1. [Log in or register](https://surveyjs.io/Account/Login) on the SurveyJS website.
-2. [Create a new survey](https://surveyjs.io/Service/MySurveys).
-3. Copy the Survey ID and Post ID:
-
-    <img src="images/survey-get-postid.png" alt="Survey ID and Post ID" width="50%">
-
-    Assign the IDs to the [`surveyId`](https://surveyjs.io/Documentation/Library?id=surveymodel#surveyId) and [`surveyPostId`](https://surveyjs.io/Documentation/Library?id=surveymodel#surveyPostId) properties:
-
+1. [Create a new survey](https://surveyjs.io/Service/MySurveys).
+1. Copy the Survey ID and Post ID:
+    <img src="images/survey-get-postid.png" alt="Survey ID and Post ID">
+1. Assign the IDs to the [`surveyId`](https://surveyjs.io/Documentation/Library?id=surveymodel#surveyId) and [`surveyPostId`](https://surveyjs.io/Documentation/Library?id=surveymodel#surveyPostId) properties:
     ```js
     const surveyJson = {
       "surveyId": "9b5f68e0-3be3-4695-85e6-919354159006",
       "surveyPostId": "dfce82b1-c081-45fe-b13e-fb2bd2977cc7"
     }
     ```
-4. *(Optional)* Enable the [`surveyShowDataSaving`](https://surveyjs.io/Documentation/Library?id=surveymodel#surveyShowDataSaving) property to display saving progress and errors:
-
+1. *(Optional)* Enable the [`surveyShowDataSaving`](https://surveyjs.io/Documentation/Library?id=surveymodel#surveyShowDataSaving) property to display saving progress and errors:
     ```js
     const surveyJson = {
       // ...

diff --git a/docs/icons.md b/docs/icons.md
@@ -56,6 +56,7 @@ SvgRegistry.registerIconFromSvg("icon-delete", svg);
 
 ## See Also
 
+- [Themes & Styles](/form-library/documentation/manage-default-themes-and-styles)
 - [Conditional Logic and Dynamic Texts](/Documentation/Library?id=design-survey-conditional-logic)
 - [Data Validation](/Documentation/Library?id=data-validation)
 - [Localization & Globalization](/Documentation/Library?id=localization)