major updates
Get a sneak peek at our latest enhancements and exciting features coming soon, including Vue 3 support for Form Library and Survey Creator, Theme Editor in Survey Creator, built-in Input Mask support for the text question type, and more.
The All-New Theme Editor: designing your survey's identity is now easier than ever
We are happy to finally unveil a game-changing addition to SurveyJS Creator - the Theme Editor. You now have the power to effortlessly build and customize survey UI themes to create unique survey looks tailored to your application.
SurveyJS themes rely on CSS variables to define colors, fonts, sizes, and more. The Theme Editor lets you set those CSS variables with a panel of UI controls - turning theme customization into a user-friendly experience. Once you�ve finished customization, simply download an automatically generated JSON object packed with CSS variables and other theme settings, and store it on your server to then apply it to your survey or form whenever needed.
And here's the exciting part: we've included a collection of predefined themes to help you get started. Just pick a theme as your base, refine it further to align with your brand's aesthetic, and witness real-time changes - from colors to layouts. Notably, our predefined themes prioritize accessibility. With dark mode ensuring contrast, these themes are particularly suited for individuals with visual impairments.
You can try out the Theme Editor online in a dedicated tab of our all-in-one demo or access it as a part of Survey Creator integrated in your application.
Wondering how to apply a new theme to your survey? Our Form Library documentation has you covered with a step-by-step guide on creating a custom theme. Please also refer to our free Customize Form Appearance demo below to see multiple predefined themes in action with ready-to-use code examples for all popular JavaScript platforms.
Introducing Built-in Side Navigation (TOC) in our Survey Creator
We are thrilled to announce the latest addition to our feature lineup: the built-in Table of Contents (TOC), which makes form navigation even easier and more intuitive.
Why is a Table of Contents such a valuable feature? In any enterprise-grade form builder, having a clear and organized structure is crucial for an optimal user experience. The TOC acts as a roadmap, allowing respondents to easily track their progress and jump between sections, pages, or questions. It streamlines the form-filling process and ensures a seamless and efficient user journey.
Enabling the TOC in your forms is a breeze! By simply setting the showTOC property to either true or false, you can effortlessly add or remove the TOC navigation. We've designed it to be user-friendly and highly customizable, allowing you to tailor the TOC to your specific needs. For example, you can easily reposition it, assign custom titles to each TOC element, and decide whether to use page, section, or question titles as TOC tabs that respondents can switch between.
Ready to try out the side navigation (TOC) in your forms? Please refer to our free TOC demo to see it in action with ready-to-use code examples for all popular JavaScript platforms.