Theme Style

The Theme Style page allows you to add and customize your own CSS styling for the application.
This gives you full control over how dialogs, inputs, checkboxes, and other UI components appear.

Accessing Theme Style

1. Go to Studio → Templates → ThemeStyle.
2. Click New to create a new style.
3. The editor window will open where you can:
   • Enter a Name for your style.
   • Write your CSS code in the provided editor.

Fields

Name

• A required field.
• Enter a descriptive name for your theme style (e.g., Animation, Dark Mode, Minimal).

CSS Editor

• Use the editor to add your custom CSS.
• This styling will be applied across the application wherever relevant.

Applying a Theme Style to a SmartForm

After creating your Theme Style, you need to apply it to your SmartForm:

1. Open your SmartForm in studio.
2. Go to the Theme tab in the right-hand menu.
3. Select the theme style you created from the list.

👉 For more details, see the Theme Tab in Studio.