Integrate Software AG Products Using Digital Event Services 10.4 | Integrate Software AG Products Using Digital Event Services | MashZone NextGen Help | Use dashboards | Manage dashboards | Edit style templates
 
Edit style templates
You have MashZone NextGen administrator permissions.
You can edit the style templates supplied with MashZone NextGen. Editing the style templates enables you to customize the look and feel of your dashboards and the dashboard editor, for example, colors schemes, fonts, brand logo, or background colors.
Note: If you change the style template at the application level your settings are also applied in the MashZone NextGen Feed Editor.
The application style template file application.less is located in the following folder on the MashZone NextGen server.
<MashZone NextGen installation>\apache-tomcat\webapps\mashzone\hub\dashboard\assets\custom-look-and-feel\application.
The dashboard style template files are located in the following folder on the MashZone NextGen server. The default dashboard template file is named default.less.
<MashZone NextGen installation>\apache-tomcat\webapps\mashzone\hub\dashboard\assets\custom-look-and-feel\dashboard
The style templates provide basic variables that are used as default variables by many components, for example, @header-color. You can override the basic variables by defining more specific, customized variables, for example, @header-dashboard-name-color.
For example, if @header-color is black and @header-dashboard-name-color is red, and both variables are the only ones defined, all labels in the header will be black, except for the dashboard name label, which will be red.
All application and dashboard variables available are described in the corresponding style template files.
Procedure
1. Open the relevant template style file in your text editor.
2. Edit the style parameters according your requirements.
3. Save your changes.
4. Reload the changed style template files.
a. Open a dashboard in the MashZone NextGen Dashboard Editor.
b. Click Manage > Change style template in the dashboard main menu.
c. To reload the application style template click Activate.
d. To reload the dashboard style template select the relevant dashboard style template in the drop-down menu and click Update.
5. Click OK.
The changed style template has been reloaded into the MashZone NextGen Dashboard component and the style templates are applied to the application or dashboard.

Copyright © 2019 | Software AG, Darmstadt, Germany and/or Software AG USA, Inc., Reston, VA, USA, and/or its subsidiaries and/or its affiliates and/or their licensors.
Innovation Release