jeans/home-assistant.io
jeans/home-assistant.io
1
0
Fork 0
mirror of https://github.com/home-assistant/home-assistant.io.git synced 2025-07-24 17:57:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

Onboarding dashboard: add small note about sections view (#35596)

Browse Source
This commit is contained in:
c0ffeeca7 2024-11-06 11:32:06 +01:00 committed by GitHub
parent bc02a3fb64
commit f2ec172db1
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
source/getting-started/onboarding_dashboard.markdown
View File

@ -11,11 +11,18 @@ The screenshot shows an **Overview** dashboard with many [cards](/dashboards/car
### Views
The icons in the blue menu bar on top each represent a different tab. Each tab contains a [view](/dashboards/views/).
The following screenshot shows a fully populated dashboard in [masonry view](/dashboards/masonry/) layout. The icons in the blue menu bar on top each represent a different tab. Each tab contains a [view](/dashboards/views/).
<p class='img'>
<img src='/images/getting-started/lovelace.png' alt='Screenshot of a populated Overview dashboard'>
Screenshot of a populated Overview dashboard with many devices.
<img src='/images/getting-started/lovelace.png' alt='Screenshot of a populated Overview dashboard in masonry view'>
Screenshot of a populated Overview dashboard in masonry view layout.
</p>
The following screenshot shows a fully populated dashboard in [sections view](/dashboards/sections/) layout.
<p class='img'>
<img src="/images/dashboards/section_view.png" alt="A fully populated dashboard in Sections view layout"/>
A fully populated dashboard in Sections view layout
</p>
### Multiple dashboards
@ -33,7 +40,7 @@ In the sidebar on the left, you see the names of different dashboards. Home Assi
The **Overview** [dashboard](/dashboards/) is the first page you see after the [onboarding process](/getting-started/onboarding).
If you just onboarded, your dashboard will be nearly empty. It shows cards for devices that were detected automatically. Your dashboard may look quite different, depending on the devices that you have at home.
If you just onboarded, your dashboard will be nearly empty. It is using the [masonry view](/dashboards/masonry/) layout and shows cards for devices that were detected automatically. Your dashboard may look quite different, depending on the devices that you have at home.
<p class='img'>
<img src='/images/getting-started/onboarding_dashboard_raspi_bluetooth.png' alt='Screenshot of the Overview dashboard with Bluetooth devices'>
@ -123,13 +130,16 @@ In the following steps, we will create a new dashboard and edit some card settin
- When you are done, in the top right corner, select **Done**.
14. If you want to change any of the other cards, select the **Edit** button on the card.
15. Congratulations! You have completed your first dashboard customization.
16. While your dashboard is still small, this is a good moment to [migrate it into sections view](/dashboards/views/#migrating-a-view-into-a-sections-view).
- The sections view offers features such as drag and drop, customizing number and width of columns, and more heading options.
- To learn more, head over to the documentation on [section view](/dashboards/sections/).
## Learning more about dashboards
If you want to learn more about dashboards, views, and cards, take a look at these topics:
1. Take a look at the [introduction to dashboards](/dashboards/) and learn about [multiple dashboards](/dashboards/dashboards).
2. Learn about the different [view types](/dashboards/views/).
2. Learn more about [view types](/dashboards/views/)
3. Learn how to [add cards](/dashboards/cards/#adding-cards-to-your-dashboard) to a view.
## Next step: integrations