Customize dashboard and widget styles

You can create and add your own styles to customize the look and feel of your dashboards and widgets.

Tip

You can use the default style as template for your own styles. MashZone NextGen styles are stored in the database and can be downloaded and saved as LESS style files.

In file-based mode, you can edit the LESS files stored in the following folder.

<MashZone NextGen installation\apache-tomcat\webapps\mashzone\hub\dashboard\assets\custom-look-and-feel\dashboard

Prerequisite

You have administration privileges.

Procedure

  1. Open a LESS style file in an appropriate text editor.
  2. Specify your style settings.
  3. Save your settings.
  4. In database mode, upload the modified style file. You can replace an available style or add a new style. The styles are uploaded if they can be compiled by the MashZone NextGen server. In database mode, the styles are automatically compiled by default.
  5. In file-base mode, perform the following steps.
    1. If you want to modify an available style, replace the corresponding LESS file with the modified file.
    2. If you want to add a new style, create a folder as described in the chapter How are the style files structured?, and store the modified LESS file in the new folder with a new file name.
    3. Compile the modified style.

The new style is now available in the MashZone NextGen.

In the dashboard editor, you can select the uploaded styles to change the look and feel of your dashboards and widgets. For details, see the chapters Change the dashboard style and Change the widget style.