> For the complete documentation index, see [llms.txt](https://docs.servoy.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.servoy.com/reference/servoy-developer/object-editors/solution-css-picker/new-stylesheet-wizard.md).

# New Stylesheet wizard

## Overview

<div align="center"><figure><img src="/files/R0y1KzsRoQwOcM1cINNG" alt=""><figcaption><p>New Stylesheet wizard</p></figcaption></figure></div>

The **New StyleSheet Wizard** is a two-step dialog used to create a new `.less` stylesheet under your solution’s media library. It lets you specify the style file name, location, and optionally populate it with sample LESS content.\
This wizard is opened from the `Create New Stylesheet` button in the [Solution CSS picker](/reference/servoy-developer/object-editors/solution-css-picker.md#solution-css-picker) wizard.

## Sections

### Fields

* **Style name**
  * The filename (without extension) for the new .less file.
  * Required. If empty, the wizard will not proceed.
* **Solution**
  * Dropdown prefilled with the existing solutions' names.
  * Typically the active solution is auto-selected; allows you to verify or change the target solution.
* **Path under media**
  * Folder path inside the media library where this stylesheet will be created (optional).

### Buttons

* **Next** – Moves to the [content setup screen](#content-setup) (enabled only after entering a style name).
* **Finish** – Direct creation not available on this screen (enabled only after entering a style name).
* **Cancel** – Closes the wizard without creating the file.
* **Back** – Disabled on this screen, enabled only after clicking the `Next` button.

### Content Setup

This screen appears after clicking the `Next` button in the initial screen of the wizard.

**Sections**:

* **Options**:
  * **Fill new stylesheet with sample content**: A checkbox (checked by default) to insert standard LESS content and an @import line.
  * **Content preview area**: Displays the sample LESS code that will be inserted if the option is checked.
  * **Create (if needed) and reference `standard_ngclient.css` in new stylesheet**: Another checkbox (checked by default) to ensure the standard NG Client CSS is created/referenced.
* **Buttons**:
  * **Finish** – Creates the new stylesheet file with these contents and closes the wizard.
  * **Back** – Returns to the first screen.
  * **Cancel** – Closes the wizard without creating anything.

## Using the New Stylesheet Wizard

Here are the steps for using the **Solution CSS picker**:

1. **Open the Wizard**
   * Click `Create New Stylesheet` button in the [Solution CSS picker](/reference/servoy-developer/object-editors/solution-css-picker.md#solution-css-picker) wizard.
2. **Enter Basic Info**
   * Fill in the **Style name** field (required).
   * Optionally adjust the **Path under media** to place the stylesheet inside a folder.
   * Verify the **Solution** is correct.
   * Click `Next` button.
3. **Configure Initial Content**
   * Review the content area:
     * Keep `Fill new stylesheet with sample content` checked for a ready-to-use LESS template.
     * Decide whether to include the `standard_ngclient.css` reference (checked by default).
4. Finish or Cancel
   * Click `Finish` to create the new `.less` file in the specified location with the chosen contents.
   * Click `Cancel` at any time to exit without creating the file.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.servoy.com/reference/servoy-developer/object-editors/solution-css-picker/new-stylesheet-wizard.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.