Less
Overview

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

Here are the steps for using the Less tab:
Create the LESS file
Click the
Create Form Less file
button. This action generates a.less
file tied directly to the form.
Write styles
Enter your LESS or CSS rules in the editor.
Use this space to define styles that apply only to this form.
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?