# Less

## Overview

<div align="left"><figure><img src="https://3933488479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjpWd52BKwABWxF2lScUK%2Fuploads%2Fgit-blob-3ee91fe610187c28d53cc1960202736ed58cdf41%2Fform-editor-less-tab.jpg?alt=media" alt="Form Editor - Less Tabb"><figcaption><p>Form Editor - Less Tab</p></figcaption></figure></div>

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**](https://docs.servoy.com/guides/develop/application-design/styling-and-themes/css-less#form-level-styling-scoped).

## 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

<div align="left"><figure><img src="https://3933488479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjpWd52BKwABWxF2lScUK%2Fuploads%2Fgit-blob-7a5cea824142732acaa570e69caed5703ee69ed8%2Fform-editor-less-tab.gif?alt=media" alt="Creating and editing form LESS file"><figcaption><p>Creating and editing form-specific LESS</p></figcaption></figure></div>

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.
