Less

Overview

Form Editor - Less Tabb
Form Editor - Less Tab

The Less tab of the Form Editor allows you to create and edit form-scoped stylesheets, written in LESS. This enables encapsulated styling that applies only to the current form, without affecting other forms or global styles.

When a form-specific LESS file exists, it opens directly in this tab for editing.

Overriding global styles & inheritance

Form-level LESS allows you to override global solution styles or build unique layouts scoped to a single form. It also plays nicely with form inheritance, letting child forms override base styles without affecting other forms.

For examples of how this works, including overrides, inheritance, and responsive layouts, see the Form-Level LESS Styling Guide.

Sections

Create Form Less file

  • A button at the top labeled Create Form Less file.

  • Clicking it generates a .less file tied specifically to the current form.

Editor Area

  • Once created, the Less tab becomes an editor where you can write LESS (or plain CSS).

  • This area supports full LESS syntax, such as variables, mixins, and nesting.

Using the Less tab

Creating and editing form LESS file
Creating and editing form-specific LESS

Here are the steps for using the Less tab:

  1. Create the LESS file

    • Click the Create Form Less file button. This action generates a .less file tied directly to the form.

  2. Write styles

    • Enter your LESS or CSS rules in the editor.

    • Use this space to define styles that apply only to this form.

  3. Save your work

    • Unlike automatic saving, you must explicitly save (for example with Ctrl+S or using the standard save command) to persist changes.

Last updated

Was this helpful?