mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-05-08 03:59:00 +00:00
66 lines
3.5 KiB
Markdown
66 lines
3.5 KiB
Markdown
---
|
|
title: "Edit the dashboard"
|
|
description: "Instructions on editing the dashboard for the first time"
|
|
---
|
|
|
|
## First contact with the Overview dashboard
|
|
|
|
The **Overview** [dashboard](/dashboards/) is the first page you see after the [onboarding process](/getting-started/onboarding). Dashboards are customizable pages to display information in Home Assistant.
|
|
|
|
By default, there are two dashboards: **Overview** and **Energy**. The image below shows a customized example of the **Overview** dashboard. If you just onboarded, your dashboard will be nearly empty.
|
|
|
|

|
|
|
|
The procedure below is optional. The idea is to learn some basics on changing the dashboard.
|
|
|
|
### To change a card on the Overview dashboard
|
|
|
|
1. To view your dashboard, go to **Overview**.
|
|
- Your dashboard might not have much on it yet.
|
|
- If you have smart home devices in your home, some may have been connected automatically.
|
|
- In this example, some Bluetooth temperature sensors and an AV receiver connected automatically.
|
|
- Some cards are there by default, such as the weather, a card for the person who set up the system, and the text-to-speech service.
|
|
|
|

|
|
2. To view the weather forecast for the next few days, select the weather card.
|
|
|
|

|
|
|
|
3. To change the units used on the card, select the cogwheel.
|
|
- Change the units if you like.
|
|
- Do not change any of the other settings for now.
|
|
- Once you are done, select **Update**.
|
|

|
|
|
|
4. To change the type of dashboard card, in the top right corner, select the pencil icon, then, in the **Edit dashboard** dialog, select the three dots and select **Take control**.
|
|

|
|
- Read and accept this before continuing.
|
|
- On the dashboard, select the weather card, select the three dots, then **Device info**.
|
|
- Under **Sensors**, select **Add to dashboard**, then **Pick different card**.
|
|

|
|
|
|
5. From the list, select **Weather forecast**.
|
|
6. Select the details to be shown on the card.
|
|

|
|
- **Save** your changes
|
|
- You now see the forecast card on the dashboard.
|
|
|
|
7. Now let's delete the other weather card.
|
|
- In the top right corner, select the pencil.
|
|

|
|
- On the card, select the three-dot menu and select **Delete**.
|
|

|
|
8. Finally, we want to move the weather card to the top left corner.
|
|
- On the bottom of the card, select the number or use the minus button to enter `1`.
|
|
- Repeat this on other cards, if you want to move them around.
|
|
- When you are done, in the top right corner, select **Done**.
|
|
9. Congratulations! You have completed your first dashboard customization.
|
|
|
|
To continue with this tutorial, select the button below to learn about {% term integrations %}.
|
|
|
|
{% include getting-started/next_step.html step="Integrations" link="/getting-started/integration/" %}
|
|
|
|
## Related topics
|
|
|
|
- [Dashboards](/dashboards/)
|
|
- [Views](/dashboards/views/) |