2024.4: Add screenshots for new tables

This commit is contained in:
Franck Nijhof 2024-04-03 16:36:15 +02:00
parent 8d69a05354
commit f6634f1496
No known key found for this signature in database
GPG Key ID: D62583BA8AB11CA3
6 changed files with 10 additions and 4 deletions

View File

@ -100,7 +100,10 @@ features easy to find. Therefore, we added descriptive text to the dropdown
menus and standardized the look and feel of the toolbar buttons and text boxes. menus and standardized the look and feel of the toolbar buttons and text boxes.
Shiny! Shiny!
__TODO: Insert screenshot hightlighting the new top bar of our data tables__ <p class='img'>
<img src="/images/blog/2024-04/new-toolbar.png" alt="Screenshots showing the new toolbar that is now on every table in Home Assistant."/>
The new toolbar that is now on every table in Home Assistant.
</p>
### Filter panel ### Filter panel
@ -140,7 +143,7 @@ or {% term integrations %}, which is really cool because it makes the page much
easier to browse. It gives you a new perspective on organizing your vast easier to browse. It gives you a new perspective on organizing your vast
network of devices. network of devices.
__TODO: Insert screenshot showing grouping.__ <img class="no-shadow" src='/images/blog/2024-04/item-grouping.png' alt='Screenshots showing data automations in a tables groups by their on/off state.'>
### Selection mode and batch actions ### Selection mode and batch actions
@ -148,13 +151,16 @@ We removed the clutter of displaying a column of checkboxes by introducing
a new selection mode. When it is toggled on, checkboxes will appear, and you a new selection mode. When it is toggled on, checkboxes will appear, and you
can apply actions to all your selections with one click on the toolbar. can apply actions to all your selections with one click on the toolbar.
__TODO: Screenshot pointing out the new "enter selection mode" button.__ <p class='img'>
<img src="/images/blog/2024-04/enable-selection-mode.png" alt="Screenshots point out the enable selection mode button in the toolbar of the tables in Home Assistant."/>
This button enables selection mode in the new tables.
</p>
It allows you to, for example, enable or disable multiple selected It allows you to, for example, enable or disable multiple selected
{% term entities %} on the entities page at once. This new paradigm will allow {% term entities %} on the entities page at once. This new paradigm will allow
us to introduce more batch management actions in the future. us to introduce more batch management actions in the future.
__TODO: Screenshot showing multiple selected items with bulk actions.__ <img class="no-shadow" src='/images/blog/2024-04/bulk-actions.png' alt='Screenshots showing selection mode active in a table, with some items selected, highlighting the bulk actions you can perform on those selected items.'>
## Three new ways to organize ## Three new ways to organize

Binary file not shown.

After

Width:  |  Height:  |  Size: 294 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 321 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 278 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB