veenm/ha-dashboard-studio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Dashboard Studio 1.13.1: car card battery bar along the bottom

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Mel van Veen
2026-10-26 16:22:23 +01:00
parent a28f8227c6
commit 93bb42dcbb
5 changed files with 15 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dashboard_studio/DOCS.md
+3 -3
View File
@@ -165,10 +165,10 @@ Two optional extra fields: **Time until full** (a sensor in minutes or an end ti
The card follows the style of the Tesla app, with two designs:
- **Square** (for example 3×4): the car from the front in its own color, with the name and a status such as *Charging · Home* or *Parked · Away* at the top left, and a battery icon with the charge level and range at the top right. While the car is plugged in, a green charging bar shows the charging power, the time left and the charge limit. Plain icon buttons along the bottom lock or unlock the doors (orange while unlocked), switch the climate, start or stop charging and show the location. A tall square card adds rows for the climate (with the inside temperature), the location and the odometer; tap a row for details.
- **Wide** (for example 6×3 or 8×4): the car from the side on the right, with the name, the charge level and range in large numbers, and the charging bar on the left. The buttons sit under the car.
- **Square** (for example 3×4): the car from the front in its own color, with the name and a status such as *Charging · Home* or *Parked · Away* at the top left, and a battery icon with the charge level and range at the top right. Plain icon buttons lock or unlock the doors (orange while unlocked), switch the climate, start or stop charging and show the location. The battery bar runs along the bottom, with the charge limit marked; while the car is plugged in it turns green and shows the charging power, the time left and when it will be full. A tall square card adds rows for the climate (with the inside temperature), the location and the odometer; tap a row for details.
- **Wide** (for example 6×3 or 8×4): the car from the side on the right, with the name and the charge level and range in large numbers on the left, and the buttons under the car. The battery bar runs along the full width of the bottom.
**Layout** picks the design: *Automatic* (the default) uses the wide design when the card is clearly wider than it is tall. **Car color** paints the car in any color, for example `#b3261e` for red; it's silver by default. A short card shows the car smaller from the side, and a very short card just the battery and the charging bar. With your own car photo (by URL), the photo replaces the drawing. Images you put in Home Assistant's `www` folder are available at `/local/…`.
**Layout** picks the design: *Automatic* (the default) uses the wide design when the card is clearly wider than it is tall. **Car color** paints the car in any color, for example `#b3261e` for red; it's silver by default. A short card shows the car smaller from the side, and a very short card just the battery and the battery bar. With your own car photo (by URL), the photo replaces the drawing. Images you put in Home Assistant's `www` folder are available at `/local/…`.
## Conditional widgets