Customize the MashZone NextGen welcome page

You can replace the logo and the welcome text displayed on the MashZone NextGen welcome page. In addition, you can change the style of the welcome page header.

You must replace the relevant logo and welcome text on each hosting MashZone NextGen server.

Your changes in the welcome page header are applied to all application headers in MashZone NextGen, also to the dashboard and data feed editor.

Prerequisite

You have administration privileges.

Procedure

  1. To replace the logo on the MashZone NextGen welcome page, you must replace the landing_page_icon.png graphic file in the following folder by your own graphic file.

    <MashZone NextGen installation>\apache-tomcat\webapps\mashzone\hub\assets\images\

    Alternatively, you can specify a path to an image file using the @brand-logo parameter in the application.less file. The path must be absolute and begin with "/".

  2. To replace the welcome text on the MashZone NextGen welcome page, open the welcome-text.json file with a text editor. Enter a new text and save your changes. The file is located in the following folder.

    <MashZone NextGen installation>\apache-tomcat\webapps\mashzone\WEB-INF\config\

  3. To change the appearance of the application header, you can edit the style templates supplied with MashZone NextGen. For details, see the chapter Edit style templates.
  4. You can upload the customized application.less file in the Admin Console if you use the database mode. For details, see the chapter Upload styles.
  5. If you use the file-based mode, perform the following steps.
    1. Copy the customized application.less file in the following folder.

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

    2. Compile the modified application styles.

Your changes are applied.

Migration of the application.less file

If you have migrated the application.less file from MashZone NextGen version 9.12 or older, and you have customized the application header, you must adapt the application.less file of your current version.

You must change the path reference of the logo used in the application header. The path reference in the @brand-logo key must be absolute and starts with "/", for example, '/hub/dashboard/assets/images/my-logo.png'.

Add the following key.

/ / Font size used for application menu items in the dropdown menu of the masthead @navigation-list-font-size-menu-dropdown: 14px;