Page Comparison

...

1. Navigate to the <IOTS_HOME>/repository/deployment/server/jaggeryapps/devicemgt/app/units directory.
2. Create a new directory that follows the following naming convention: <NAME>.unit.ui.header.logo
   Example: white-labeling.unit.ui.header.logo

3.  Create a file named logo.hbs and configure it as follows:

   Code Block

   {{! Copyright (c) 2016, WSO2 Inc. (http://www.wso2.org) All Rights Reserved. WSO2 Inc. licenses this file to you under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. }} {{#zone "productName"}}<ENTER THE NAME OF YOUR PRODUCT>{{/zone}} {{#zone "productNameResponsive"}}<ENTER THE NAME OF YOUR PRODUCT - THIS WILL BE USED WHEN THE CONSOLE BECOMES SMALLER IN SIZE>{{/zone}}

4. Create a file named logo.json and copy the configuration given below:

   Code Block
   { "version": "1.0.0", "extends": "cdmf.unit.ui.header.logo" }

5. Change the logo:
   
   1. Create a directory named public and in it create a directory named img.

   2. Add your logo to the img directory. 

      Note
      Make sure

      that the

      : The mage size of the

      logo is

      logo is 288px X 112px

      and that it's

      . The image format is of the SVG format. The name of the image is logo-inverse.svg.

6. Restart the WSO2 IoT Server and sign into the device management console using admin/admin credentials: https://<IoT_HOST>:9443/devicemgt.

7. You can now see the updated logo on the top left corner of the screen. 

   Before white labeling the header	After white labeling the header

...