# Less

## Overview

<div align="left"><figure><img src="/files/DS1OpmewZEDktkdMRhTP" 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**](/guides/develop/application-design/styling-and-themes/css-less.md#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="/files/T75XU6G5xIVUuRdnn7y5" 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.servoy.com/reference/servoy-developer/object-editors/form-editor/form-editor-less-tab.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
