New Stylesheet wizard

Overview

New Stylesheet wizard

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 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 (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 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.