# Changing Dashboard Logos and Headers

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:

<figure><img src="https://lh4.googleusercontent.com/xdRUItkSTTvKU1fwvnFZBW8S2owj97FNOf4TFAmKziHMyTgGPlPWfRzTt5SyT7sEQ61M4NWkyf5OqTAZaH80i1dyaUXp-yF2VXGt6unT2is1Ic60e9XHaOlTorWN_AUZnx39E_rEf_D4zJUcQzW7p6A" alt=""><figcaption></figcaption></figure>

&#x20;**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:

<figure><img src="https://lh3.googleusercontent.com/ZtGMBVCu7VQd1sCWWWKEJxYET86DPp6IHrIR4fX_axCHpa2LgKD9MqSOJX07BD4HHLL9I6dNdR-72oAumB8Xki0tbPOy-HIRUdTUHl0kPuNTL0Yr4E2dDywq9TBlFS8Img0BXZjjtpfg7V7g9Cs79V0" alt=""><figcaption></figcaption></figure>

**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:

<figure><img src="https://lh6.googleusercontent.com/k3bBGSRqUENx7BamyiI34iyzPqEozqlBSmR6OaQz-trP-uHXi-uEe3Sv6EmzVQCHtzuJCV5TcJC-g8CuUXR89IT2EYcsVce1PkQnEyF8lJx7J6jNcqiCAxXKtjnGp6i6xKzriC-ki3eHXXAI3gUVG88" alt=""><figcaption></figcaption></figure>

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:

<figure><img src="https://lh5.googleusercontent.com/tY6b_hG_faCC3BpzMCeMk3alzSWg12lJ4ULJWGUA3G2exIAdbpR9uxYoMAL6MuiK3Gkp2w-q7Y1T1I-A0-lwkJlSnY-n1X8JBokhzo_QuWZUUMkRsCy8jCGw5TNt36udpe87yp8bBvi3HZcDowWLLY8" alt=""><figcaption></figcaption></figure>

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:

<figure><img src="https://lh4.googleusercontent.com/PQhJ47xNC8u-QGEdxcy6k6bmoR_L5-dXqPMxj0RoqWPiIO-NeYORCSjwP_IpnmfRwLPU_ElfPvunglLY452vMsZAYZidEJ3jYTCI04KF-B1jAY2Ln66IicbwIMbaIdX2-BkEDepIjvpPhh1JoeS206E" alt=""><figcaption></figcaption></figure>

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:

<figure><img src="https://lh3.googleusercontent.com/KCElwHVWXGDPGPoJypbnv_R2_GKmHdEHyhlv9pOict0OdtwIHraja0XgowlDEh_M3LtjKic2JxFsQWpZ1Ilm5flO1-A3H7Caw-LUxI_EuOAGsNUN7Ukt8vtXjr7lsZGmM6EvLr_kGebFgtBqsdzLrLo" alt=""><figcaption></figcaption></figure>

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.

### Steps for redeploying cQube UI post changes

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`&#x20;

`sudo docker build -t dashboard_ms:1 .`

`sudo docker run -d -p 4200:80 --network cqube_net --name dashboard_app dashboard_ms:1`


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://cqube.sunbird.org/use-cqube/visualizing-the-data/enhance-customize-cqube/manual-and-automated-testing/changing-dashboard-logos-and-headers.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.