2025.3: Finalize

This commit is contained in:
Franck Nijhof 2025-03-05 17:36:51 +00:00
parent 7dedd152a1
commit 3e79036aa8
No known key found for this signature in database
GPG Key ID: D62583BA8AB11CA3
12 changed files with 24 additions and 31 deletions

View File

@ -1,7 +1,7 @@
--- ---
layout: post layout: post
title: "2025.3: View those headers!" title: "2025.3: View those headers!"
description: "Beta release notes for Home Assistant 2025.3" description: "Beautiful dashboard view headers, tons of tile card improvements and new features, better map clustering, assist now streams responses, and integrating with SmartThings is now better than ever!"
date: 2025-03-05 00:01:00 date: 2025-03-05 00:01:00
date_formatted: "March 5, 2025" date_formatted: "March 5, 2025"
author: Franck Nijhof author: Franck Nijhof
@ -20,7 +20,7 @@ Home Assistant 2025.3! 🎉
But! Before I dive into the release, let me quickly catch you up on things you But! Before I dive into the release, let me quickly catch you up on things you
might have missed. There is a lot of cool stuff happening lately! might have missed. There is a lot of cool stuff happening lately!
We have a live stream about Assist: [**Voice chapter 9**](https://www.youtube.com/watch?v=k6VvzDSI8RU)! We had a live stream about Assist: [**Voice chapter 9**](https://www.youtube.com/watch?v=k6VvzDSI8RU)!
Here we announced [**Speech-to-Phrase**](/blog/2025/02/13/voice-chapter-9-speech-to-phrase/#voice-for-the-masses), Here we announced [**Speech-to-Phrase**](/blog/2025/02/13/voice-chapter-9-speech-to-phrase/#voice-for-the-masses),
a voice recognition technology that is blazing fast and super accurate, even a voice recognition technology that is blazing fast and super accurate, even
on a Raspberry Pi! 🚀 on a Raspberry Pi! 🚀
@ -36,9 +36,9 @@ an equalizer, and podcast & audiobook support. 🎶
Great stuff, right? But this release today is also packed with amazing things! Great stuff, right? But this release today is also packed with amazing things!
After a few releases [focussing on backups](/blog/2025/02/05/release-20252/), After a few releases [focusing on backups](/blog/2025/02/05/release-20252/),
we are back with a release **packed** with new features and improvements, we are back with a release **packed** with new features and improvements,
mostly **focussing on dashboards**! 🤩 mostly **focusing on dashboards**! 🤩
The new abilities, the tile card's fine-tuning, and the dashboard view's new The new abilities, the tile card's fine-tuning, and the dashboard view's new
headers are really cool; I cant wait to see screenshots of your dashboards headers are really cool; I cant wait to see screenshots of your dashboards
@ -52,7 +52,7 @@ Enjoy the release!
- [Dashboard view headers](#dashboard-view-headers) - [Dashboard view headers](#dashboard-view-headers)
- [Tile cards](#tile-cards) - [Tile cards](#tile-cards)
- [Knowing which tile card can be controlled](#knowing-which-tile-card-can-be-controlled) - [Making tile card interactions clearer](#making-tile-card-interactions-clearer)
- [Position tile card features](#position-tile-card-features) - [Position tile card features](#position-tile-card-features)
- [New tile card features](#new-tile-card-features) - [New tile card features](#new-tile-card-features)
- [Switch toggle](#switch-toggle) - [Switch toggle](#switch-toggle)
@ -82,9 +82,7 @@ As always, weve baked in a lot of customization, with the ability to align th
header in multiple different ways. It comes with a responsive layout by default, header in multiple different ways. It comes with a responsive layout by default,
but you can also set it to always be left-aligned or center-aligned. but you can also set it to always be left-aligned or center-aligned.
<p class="img"> <img class="no-shadow" src="/images/blog/2025-03/dashboard-view-header.png" alt="Screenshot showing the new header feature in the dashboard view." />
<img src="/images/blog/2025-03/view-header.png" alt="Screenshot showing the new header feature in the dashboard view." />
</p>
The badges can also be positioned below the text (default) or above the text. A The badges can also be positioned below the text (default) or above the text. A
great visual menu makes it easy to choose how you want to organize your header. great visual menu makes it easy to choose how you want to organize your header.
@ -95,20 +93,22 @@ This release has made many improvements and fine touches to the tile card. It
is one of the most versatile cards in Home Assistant, is one of the most versatile cards in Home Assistant,
and we have made it even better! and we have made it even better!
### Knowing which tile card can be controlled ### Making tile card interactions clearer
There is no doubt the tile card can do a lot, but ever since its creation, There is no doubt the tile card can do a lot, but ever since its creation,
it has had a little flaw that you might have run into yourself… it has had a little flaw that you might have run into yourself…
How would you know if tapping a tile card would trigger an action or whether it How would you know if tapping the icon on the tile card would trigger
would just display more information about a sensor? We have addressed this an action or whether it would just display more information? We have addressed
with some subtle visual language in this release! this with some subtle visual language in this release!
<img class="no-shadow" alt="TODO: Replace." src="/images/blog/2025-03/temp-tile-card-shapes.png" /> <img class="no-shadow" src="/images/blog/2025-03/tile-card-clear-interactions.png" alt="Screenshot showing tile cards with and without direct actions on their icons. The ones that do have a direct action have a circular background, others don't." />
When there is no action (or only a “more info” tap behavior), we dont show the When tapping the icon on the tile card results in directly performing an action,
circle around the icon. When it does have an action, it will show the circle, like for example, turning on a light, the icon will have a circular background
meaning you can tap that little button. around it. In all other cases, the little circle will not be displayed.
Now you know! 👍
### Position tile card features ### Position tile card features
@ -119,14 +119,12 @@ empty space surrounding them, which can be helpful at times.
But what if you could do something useful with that space? Now you can! But what if you could do something useful with that space? Now you can!
All features of a tile card can now be positioned inline in the tile card! All features of a tile card can now be positioned inline in the tile card!
<img class="no-shadow" alt="TODO: Replace." src="/images/blog/2025-03/temp-tile-card-inline-feature.png" /> <img class="no-shadow" src="/images/blog/2025-03/tile-card-inline-features.png" alt="Screenshot showcasing the new inline tile card features (versus the existing bottom feature" />
This brings a completely new look and feel, which we are sure you will love! This brings a completely new look and feel, which we are sure you will love!
From the settings, you can add a feature, like a brightness slider, and position From the settings, you can add a feature, like a brightness slider, and position
it either below (bottom) or to the right side of the icon (inline). it either below (bottom) or to the right side of the icon (inline).
<img class="no-shadow" alt="TODO: Replace." src="/images/blog/2025-03/temp-tile-card-inline-settings.png" />
{% note %} {% note %}
Only the first feature can be positioned inline; the rest will not be displayed. Only the first feature can be positioned inline; the rest will not be displayed.
{% endnote %} {% endnote %}
@ -149,9 +147,10 @@ tile card.
#### Counter actions #### Counter actions
The second addition is a counter toggle. This allows you to add a button to increase, decrease, or reset a counter entity directly from the tile card. The second addition is a counter toggle. This allows you to add a button to
increase, decrease, or reset a counter entity directly from the tile card.
<img class="no-shadow" src="/images/blog/2025-03/tile-card-counter-actions.png" alt="Screenshot showing the new tile card feature for counter helper entities."/> <img class=" no-shadow" src="/images/blog/2025-03/tile-card-counter-actions.png" alt="Screenshot showing the new tile card feature for counter helper entities."/>
### Tiny interaction improvements ### Tiny interaction improvements
@ -161,18 +160,12 @@ the tile card, making it more apparent that it is interactive. Still, when you
tap the tile card, it will show a little animation to indicate that the tap the tile card, it will show a little animation to indicate that the
tap was registered. tap was registered.
<video controls> <center>
<source src="/images/blog/2025-03/temp-tile-card-micro-interactions.mp4" type="video/mp4"> <img class="no-shadow" src="/images/blog/2025-03/tile-card-interactions.gif" alt="Screenrecording showing the new tiny micro interactions added to the tile card and a small demo of using keyboard navigation" />
Your browser does not support the video tag. </center>
</video>
Another nice addition is that the tile card can now interact with your keyboard! Another nice addition is that the tile card can now interact with your keyboard!
Tab and shift-tab your way across the screen like the keyboard warrior you are. Tab and shift + tab your way across the screen like the keyboard warrior you are.
<video controls>
<source src="/images/blog/2025-03/temp-tile-card-keyboard-navigation.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
### Editor improvements ### Editor improvements

Binary file not shown.

After

Width:  |  Height:  |  Size: 94 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 70 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 222 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 44 KiB