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-21 08:16:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

2024.11: Finish dashboards section

Browse Source
This commit is contained in:
Franck Nijhof 2024-11-06 14:39:11 +01:00
parent 26c09ea991
commit c99372702c
No known key found for this signature in database
GPG Key ID: D62583BA8AB11CA3
1 changed files with 41 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
source/_posts/2024-11-06-release-202411.markdown
View File

@ -95,33 +95,65 @@ Enjoy the (beta) release!
## Sections dashboard no longer experimental!
This release marks a big milestone in our pursuit to make dashboards easier to customize and use for everyone, aka [Project Grace](https://www.home-assistant.io/blog/2024/03/04/dashboard-chapter-1/)! The sections view layout, together with its drag-and-drop 🐲 capabilities and responsive design, is now out of its experimental phase, and is ready for primetime! This means that, as of this release, when you create a new dashboard, you will get our awesome feature-rich and easy-to-use dashboard editing experience.
This release marks a big milestone in our pursuit of making dashboards easier to
customize and use for everyone, aka [Project Grace]! The sections view layout,
together with its drag-and-drop 🐲 capabilities and responsive design,
is now **out of its experimental phase**, and ready for primetime! This means
that, as of this release, you will get our awesome feature-rich and easy-to-use
dashboard editing experience when you create a new dashboard. 🎉
Over the past few months, we have worked hard to iterate and listen to your feedback to ensure that our new dashboard is easy to customize for both beginners and advanced users alike. We had added new capabilities such as [resizing cards](/blog/2024/07/03/release-20247/), [visibility options](/blog/2024/06/05/release-20246/), [wider sections](/blog/2024/09/04/release-20249/), [new badges](/blog/2024/08/07/release-20248/) and most recently, adding [the new heading card](/blog/2024/10/02/release-202410/).
Over the past few months, we have worked hard to iterate and listen to your
feedback to ensure that our new dashboard is easy to customize for both
beginners and advanced users alike. We have added new capabilities such as
[resizing cards], [visibility options], [wider sections], [new badges],
and, most recently, adding [the new heading card].
To finish up this journey, we are adding two more features in this release.
To finish this journey, we are adding two more features to this release.
[new badges]: /blog/2024/08/07/release-20248/
[Project Grace]: /blog/2024/03/04/dashboard-chapter-1/
[resizing cards]: /blog/2024/07/03/release-20247/
[the new heading card]: /blog/2024/10/02/release-202410/
[visibility options]: /blog/2024/06/05/release-20246/
[wider sections]: /blog/2024/09/04/release-20249/
### Convert your old dashboards to sections view layout
<p class='img no-shadow'><img class="no-shadow" alt="Screenshots showing the conversion of a view in masonry into sections" src="/images/blog/2024-11/dashboard-conversion.png"/>Screenshots showing the conversion of a view in masonry into sections</p>
This release includes a way to convert indiviual dashboard views from the old masonry view layout to the new sections view layout. When you change the view type to sections, you get a button to convert the view. All the cards of the old view are then copied and placed in an imported cards section in the new view, and you can then easily drag-and-drop them into right sections.
This release includes a way to convert individual dashboard views from the old
masonry view layout to the new sections view layout. When you change the view
type to sections, you get a button to convert the view. All the cards of the
old view are then copied and placed in an imported cards section in the new
view, and you can then easily drag-and-drop them into the right sections.
Please note that cards placed within the imported cards section are not visible to users until they are moved to a section above the fold. This ensures that cards do not get accidentally shown in the wrong sections while you are still working on the dashboard.
Please note that cards placed within the imported cards section are only visible
to users once moved to a section above the fold. This ensures that
cards do not get accidentally shown in the wrong sections while you are still
working on the dashboard.
<p class='img no-shadow'><img class="no-shadow" alt="Screenshot of the imported cards section" src="/images/blog/2024-11/imported-cards.png"/>Screenshot of the imported cards section</p>
If you are not ready for the new layout yet, no worries! Your old dashboard view is kept when a new dashboard is created, giving an excellent way for masonry view veterans to try out sections while keeping all the hard work they have put into customizing their cards.
If you are not ready for the new layout yet, no worries! Your old dashboard view
is kept when a new dashboard is created, giving an excellent way for masonry
view veterans to try out sections while keeping all the hard work they have put
into customizing their cards.
Alternatively, you can move each card one-by-one from another view. All moved cards will also be temporarily placed in the imported cards section.
Alternatively, you can move each card one-by-one from another view. All moved
cards will also be temporarily placed in the imported cards section.
### Precise mode for card sizes
<p class='img no-shadow'><img class="no-shadow" alt="Examples of cards using precise mode" src="/images/blog/2024-11/precise-mode-example.png" style="width: 60%;"/>Examples of cards using precise mode</p>
If you love tinkering your dashboards and fine-tuning the card sizes with more precision, you now have even more control over the size of cards. In the layout options of a card you can now enable “Precise mode”, which will give you 3 times more options for the width of cards!
If you love tinkering with your dashboards and fine-tuning card sizes with more
precision, you now have even more control over the size of cards. In the layout
options of a card you can now enable “Precise mode”, which will give you tree
times more options for the card widths!
Precise mode is applied on a card-by-card level. While a normal section is divided into 4 columns, precise modes gives you 12 columns, which allows you to align 2, 3, 4, or 6 buttons side-by-side.
Precise mode is applied on a card-by-card level. While a normal section is
divided into 4 columns, precise modes gives you 12 columns, which allows you
to align 2, 3, 4, or 6 buttons side-by-side.
## Low latency cameras using WebRTC