+
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.
@@ -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,
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,
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
-would just display more information about a sensor? We have addressed this
-with some subtle visual language in this release!
+How would you know if tapping the icon on the tile card would trigger
+an action or whether it would just display more information? We have addressed
+this with some subtle visual language in this release!
-
+
-When there is no action (or only a “more info” tap behavior), we don’t show the
-circle around the icon. When it does have an action, it will show the circle,
-meaning you can tap that little button.
+When tapping the icon on the tile card results in directly performing an action,
+like for example, turning on a light, the icon will have a circular background
+around it. In all other cases, the little circle will not be displayed.
+
+Now you know! đź‘Ť
### 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!
All features of a tile card can now be positioned inline in the tile card!
-
+
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
it either below (bottom) or to the right side of the icon (inline).
-
-
{% note %}
Only the first feature can be positioned inline; the rest will not be displayed.
{% endnote %}
@@ -149,9 +147,10 @@ tile card.
#### 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.
-
+
### 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 was registered.
-
+
+
+
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.
### Editor improvements
diff --git a/source/images/blog/2025-03/dashboard-view-header.png b/source/images/blog/2025-03/dashboard-view-header.png
new file mode 100644
index 00000000000..eca145b3a90
Binary files /dev/null and b/source/images/blog/2025-03/dashboard-view-header.png differ
diff --git a/source/images/blog/2025-03/temp-tile-card-inline-feature.png b/source/images/blog/2025-03/temp-tile-card-inline-feature.png
deleted file mode 100644
index fab2ae63fc9..00000000000
Binary files a/source/images/blog/2025-03/temp-tile-card-inline-feature.png and /dev/null differ
diff --git a/source/images/blog/2025-03/temp-tile-card-inline-settings.png b/source/images/blog/2025-03/temp-tile-card-inline-settings.png
deleted file mode 100644
index 619e9d10e6d..00000000000
Binary files a/source/images/blog/2025-03/temp-tile-card-inline-settings.png and /dev/null differ
diff --git a/source/images/blog/2025-03/temp-tile-card-keyboard-navigation.mp4 b/source/images/blog/2025-03/temp-tile-card-keyboard-navigation.mp4
deleted file mode 100644
index 4d41bf1fa2a..00000000000
Binary files a/source/images/blog/2025-03/temp-tile-card-keyboard-navigation.mp4 and /dev/null differ
diff --git a/source/images/blog/2025-03/temp-tile-card-micro-interactions.mp4 b/source/images/blog/2025-03/temp-tile-card-micro-interactions.mp4
deleted file mode 100644
index 3d45390c177..00000000000
Binary files a/source/images/blog/2025-03/temp-tile-card-micro-interactions.mp4 and /dev/null differ
diff --git a/source/images/blog/2025-03/temp-tile-card-shapes.png b/source/images/blog/2025-03/temp-tile-card-shapes.png
deleted file mode 100644
index eb1278c2b78..00000000000
Binary files a/source/images/blog/2025-03/temp-tile-card-shapes.png and /dev/null differ
diff --git a/source/images/blog/2025-03/temp-tile-card-switch-toggle.png b/source/images/blog/2025-03/temp-tile-card-switch-toggle.png
deleted file mode 100644
index 84f52ab8f8b..00000000000
Binary files a/source/images/blog/2025-03/temp-tile-card-switch-toggle.png and /dev/null differ
diff --git a/source/images/blog/2025-03/tile-card-clear-interactions.png b/source/images/blog/2025-03/tile-card-clear-interactions.png
new file mode 100644
index 00000000000..24274eeffad
Binary files /dev/null and b/source/images/blog/2025-03/tile-card-clear-interactions.png differ
diff --git a/source/images/blog/2025-03/tile-card-inline-features.png b/source/images/blog/2025-03/tile-card-inline-features.png
new file mode 100644
index 00000000000..589b76c047c
Binary files /dev/null and b/source/images/blog/2025-03/tile-card-inline-features.png differ
diff --git a/source/images/blog/2025-03/tile-card-interactions.gif b/source/images/blog/2025-03/tile-card-interactions.gif
new file mode 100644
index 00000000000..ba31351dcca
Binary files /dev/null and b/source/images/blog/2025-03/tile-card-interactions.gif differ
diff --git a/source/images/blog/2025-03/view-header.png b/source/images/blog/2025-03/view-header.png
deleted file mode 100644
index 5ae745d9be9..00000000000
Binary files a/source/images/blog/2025-03/view-header.png and /dev/null differ
-
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.
@@ -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,
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,
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
-would just display more information about a sensor? We have addressed this
-with some subtle visual language in this release!
+How would you know if tapping the icon on the tile card would trigger
+an action or whether it would just display more information? We have addressed
+this with some subtle visual language in this release!
-
+
-When there is no action (or only a “more info” tap behavior), we don’t show the
-circle around the icon. When it does have an action, it will show the circle,
-meaning you can tap that little button.
+When tapping the icon on the tile card results in directly performing an action,
+like for example, turning on a light, the icon will have a circular background
+around it. In all other cases, the little circle will not be displayed.
+
+Now you know! đź‘Ť
### 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!
All features of a tile card can now be positioned inline in the tile card!
-
+
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
it either below (bottom) or to the right side of the icon (inline).
-
-
{% note %}
Only the first feature can be positioned inline; the rest will not be displayed.
{% endnote %}
@@ -149,9 +147,10 @@ tile card.
#### 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.
-
+
+