mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-07-13 12:26:50 +00:00
2024.7: Finalize card resize chapter
This commit is contained in:
parent
edde360442
commit
cd804e2da5
@ -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
|
||||||
|
|
||||||
|
BIN
source/images/blog/2024-07/dashboard-resize-card.png
Normal file
BIN
source/images/blog/2024-07/dashboard-resize-card.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 315 KiB |
Before Width: | Height: | Size: 66 KiB After Width: | Height: | Size: 66 KiB |
Loading…
x
Reference in New Issue
Block a user