Changing Dashboard Logos and Headers
Last updated
Last updated
There are 5 configurations enabled here for the dashboard pages.
All of these configurations will be done in the UI configuration file, which can be found in the dashboard-ms micro service. You can access this file in this manner: dashboard-ms > src > assets > config > ui_config.json.
There are certain keys specified for each configuration to be changed as mentioned below. If there is a need to change any of these configurations, the users need to go to specified location directory (in ui_config.json) as shown below and make the changes:
dashboard_header1_title : This key is used to change the title of the cQube dashboard page mentioned at the top. It is depicted in the image below:
dashboard_header1_image : This key is used to change the image of the cQube dashboard page present at the top. The size of the image should be 32px * 32px. It is depicted in the image below:
dashboard_header1_image
The user needs to upload the image into the specified directory: dashboard-ms > src > assets > images
dashboard_header2_title : This key is used to change the state name in the title of the cQube dashboard. It is depicted in the image below:
dashboard_header2_title
dashboard_header2_image1 : This key is used to change the first image next to the title of the cQube dashboard. The size of the image should be 45px * <Any>. It is depicted in the image below:
dashboard_header2_image1
The user needs to upload the image into the specified directory: dashboard-ms > src > assets > images
dashboard_header2_image2 : This key is used to change the second image next to the title of the cQube dashboard. The size of the image should be 45px * 45px. It is depicted in the image below:
dashboard_header2_image2
The user needs to upload the image into the specified directory: dashboard-ms > src > assets > images
Post making the changes, the user needs to redeploy the code again as explained below.
Run the commands below in the given order to redeploy the UI config file changes for them to be reflected in the visualization layer:
sudo docker stop dashboard_app
sudo docker rm dashboard_app
sudo docker rmi dashboard_ms:1
cd cqube-devops/microservices/dashboard-ms
sudo git pull
sudo docker build -t dashboard_ms:1 .
sudo docker run -d -p 4200:80 --network cqube_net --name dashboard_app dashboard_ms:1
