How can I update my code from StylesManager.applyTheme to survey.aplpyTheme

surveyjs / survey-library

Free JavaScript form builder library with integration for React, Angular, Vue, jQuery, and Knockout.

https://surveyjs.io/form-library

MIT License

4.21k stars 814 forks source link

How can I update my code from StylesManager.applyTheme to survey.aplpyTheme #7883

Closed Hidend closed 9 months ago

Hidend commented 9 months ago

Are you requesting a feature, reporting a bug or asking a question?

Question

What is the current behavior?

Once back, I applied this theme: Survey.StylesManager.applyTheme("winterstone"); Now I updated SurveyJS and I'm not sure how to keep using that theme since colours changed to a green one instead of orange, I have read the docs and it says that StylesManager is deprecated, so how can I use that orange theme?.

What is the expected behavior?

That I can keep using that theme with updated surveyJS, I guess it changed from StylesManager to survey.applyTheme(SurveyTheme.LayeredDarkPanelless); But how can I use the winterstone theme?

How would you reproduce the current behavior (if this is a bug)?

Provide the test code and the tested page URL (if applicable)

Tested page URL: Not applicable

Specify your

browser: Chrome
browser version: 121.0.6167.184/185
surveyjs platform (angular or react or jquery or knockout or vue): jquery
surveyjs version: 1.9.129

JaneSjs commented 9 months ago

Hello @Hidend, We may need additional time to research this issue. Please stay tuned.

JaneSjs commented 9 months ago

Hi @Hidend, To apply a Winterstone theme, follow these steps.

Import the survey.css style sheet.

<link rel="stylesheet" href="https://unpkg.com/survey-core@1.9.131/survey.min.css" />

Call the StylesManager.applyTheme("winterstone") function after a SurveyModel initialization.
```
StylesManager.applyTheme("winterstone"); 
```
View Demo

Please let me know if you have further questions.