2024.7: Finalize card resize chapter

This commit is contained in:
Franck Nijhof 2024-07-03 10:24:36 +02:00
parent edde360442
commit cd804e2da5
No known key found for this signature in database
GPG Key ID: D62583BA8AB11CA3
3 changed files with 18 additions and 12 deletions

View File

@ -70,7 +70,7 @@ Enjoy the (beta) release!
<!--more--> <!--more-->
- [Resize the cards on your Dashboard](#resize-the-cards-on-your-dashboard) - [Resize the cards on your dashboard](#resize-the-cards-on-your-dashboard)
- [Data tables improvements](#data-tables-improvements) - [Data tables improvements](#data-tables-improvements)
- [Take control of blueprint-based automations or scripts](#take-control-of-blueprint-based-automations-or-scripts) - [Take control of blueprint-based automations or scripts](#take-control-of-blueprint-based-automations-or-scripts)
- [Voice \& Assist](#voice--assist) - [Voice \& Assist](#voice--assist)
@ -95,23 +95,29 @@ Don't forget to [join our release party live stream on YouTube](https://www.yout
<lite-youtube videoid="Snk6oslMQFc" videotitle="Home Assistant 2024.7 Release Party"></lite-youtube> <lite-youtube videoid="Snk6oslMQFc" videotitle="Home Assistant 2024.7 Release Party"></lite-youtube>
## Resize the cards on your Dashboard ## Resize the cards on your dashboard
As [part of our roadmap](/blog/2024/06/12/roadmap-2024h1/#dashboards), we're As [part of our roadmap](/blog/2024/06/12/roadmap-2024h1/#dashboards), we're
continuing to make dashboard organization and customization easier continuing to make dashboard organization and customization easier and more
and more intuitive. This month, we add the ability to resize the cards on intuitive. This month, we add the ability to resize the cards on your dashboard!
your dashboard!
<img src='/images/blog/2024-07/resize-cards.png' style='border: 0;box-shadow: none;' alt='Screenshot of card resizing'> <img src='/images/blog/2024-07/dashboard-resize-cards-example.png' style='border: 0;box-shadow: none;' alt='Screenshot showing several cards at different sizes'>
Resizing is done with a very nice slider interface, found in the card editing menu under the new _Layout_ tab, where you can preview your changes. Make small 1x1 buttons or give a map the space it needs. This is only available on our experimental [sections view](/blog/2024/03/06/release-20243/#a-new-experimental-sections-view), which was recently released with drag-and-drop. Resizing is done with a very nice slider interface, found in the card editing
menu under the new **Layout** tab, where you can preview your changes. Make
small 1x1 buttons or give a map the space it needs. This is only available on
our experimental [sections view], which was recently released with drag-and-drop.
<p class='img'> <img src='/images/blog/2024-07/dashboard-resize-card.png' style='border: 0;box-shadow: none;' alt='Screenshot showing the card edit diaglog, with the new layout tag and its card resize capabilities'>
<img src="https://github.com/home-assistant/frontend/assets/5878303/1ed75c96-6db5-4d4a-ae61-e454791d7fd1" alt="Screenshot of layout tab"/>
Temporary screenshot, image needs to be replaced.
</p>
It works with every card, which gives users a lot of freedom. Most cards have been given a built-in minimum and maximum size, to make it easier to get your layouts just right. If you mess up the look of a card, luckily we have included a revert button in the top left corner 😉. It works with every card, which gives users a lot of freedom. Most cards have
been given a built-in minimum and maximum size, to make it easier to get your
layouts just right. If you mess up the look of a card, luckily we have included
a revert button <iconify-icon inline icon="mdi:restore"></iconify-icon> in the
top left corner 😉.
[part of our roadmap]: /blog/2024/06/12/roadmap-2024h1/#dashboards
[sections view]: /blog/2024/03/06/release-20243/#a-new-experimental-sections-view
## Data tables improvements ## Data tables improvements

Binary file not shown.

After

Width:  |  Height:  |  Size: 315 KiB

View File

Before

Width:  |  Height:  |  Size: 66 KiB

After

Width:  |  Height:  |  Size: 66 KiB