mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-07-25 02:07:15 +00:00
Add steps to 'adding a view' procedure (#31850)
* Add steps to 'adding a view' procedure * Apply suggestions from code review
This commit is contained in:
parent
27f7721017
commit
c8f57668af
@ -17,15 +17,27 @@ There are four different view types:
|
|||||||
- **Masonry (default)**: Arranges cards in columns based on their card size.
|
- **Masonry (default)**: Arranges cards in columns based on their card size.
|
||||||
- **Sections (experimental)**: Arranges cards in a grid system and lets you group them in sections.
|
- **Sections (experimental)**: Arranges cards in a grid system and lets you group them in sections.
|
||||||
|
|
||||||
|
It is currently not possible to migrate your dashboard from one view type into another. For example, if you have a dashboard in masonry view, and want it in sections view, you need to create a new view.
|
||||||
|
|
||||||
## Adding a view to a dashboard
|
## Adding a view to a dashboard
|
||||||
|
|
||||||
1. To add a view to your user interface, in the top right corner, select the pencil icon.
|
1. To add a view to your user interface, in the top right corner, select the pencil icon.
|
||||||
2. Then, select the `+` button in the top menu bar.
|
2. Select the `+` button in the top menu bar.
|
||||||
|
|
||||||
<p class="img">
|

|
||||||
<img src="/images/dashboards/views.png" alt="Views toolbar">
|
|
||||||
Use titles and icons to describe the content of views.
|
3. Define the view settings:
|
||||||
</p>
|
- If you want a view title, enter the **Title**.
|
||||||
|
- If you want to see an icon, select the icon.
|
||||||
|
- Note: If an icon is defined, the title text only shows as a tooltip.
|
||||||
|
- We use [Material icons](https://pictogrammers.com/library/mdi/).
|
||||||
|
- Select the view type.
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
|
4. On the **Badges** tab, add badges, if any.
|
||||||
|
- Note that the sidebar and panel views do not support badges.
|
||||||
|
5. If this view should not be visible for some users, on the **Visibility** tab, disable the view for those users.
|
||||||
|
|
||||||
## Path
|
## Path
|
||||||
|
|
||||||
|
BIN
source/images/dashboards/dashboard_view_configuration_01.png
Normal file
BIN
source/images/dashboards/dashboard_view_configuration_01.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 44 KiB |
Loading…
x
Reference in New Issue
Block a user