> For the complete documentation index, see [llms.txt](https://cqube.sunbird.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cqube.sunbird.org/use-cqube/visualizing-the-data/enhance-customize-cqube/manual-and-automated-testing/changing-dashboard-logos-and-headers.md).

# 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
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` 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>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.