I updated to v1.3.4 and now it is fixed.
My bad i should have checked the github page.
When i wrote this post i checked HACS for new updates but there werenāt any.
Can confirm v1.3.4 fixed the graph card and light card on mine. However thereās a new problem. Iām unable to scroll the dashboard when using the minimallist-mobile theme. If I switch to ios- tapbar or mobile - tapbar it scrolls just fine
Confirmed v1.3.4 fixed these for me as well - same as you said, I did not see the update in HACS. I didnāt immediately go to Github, but once I installed the Core 4.3 update the v1.3.4 hotfix appeared in HACS.
I am trying to setup the Minimalist Area Card, but cannot seem to get an image to show on the card.
I have placed a jpg file on my server at /config/www/images/family-room.jpg
and in the card I have: image: /local/images/family-room.jpg
I have also tried with the full url path to the image, but still havenāt gotten it show up. Any ideas or thoughts on what Iām missing? Is there a file size limitation or anything?
To my knowledge, Lovelace UI Minimalist doesnāt have a Minimalist Area Card.
Could it be you are mistaken with this other project: GitHub - junalmeida/homeassistant-minimalistic-area-card: A minimalistic area card with sensors and buttons. ?
Yes, it was that card, and confused minimalist with minimalistic.
And I got it figured out also. My file paths were all correct. However, the card allows for using both a static image or a camera image, and the sample has both enabled. Commenting out the camera image settings, and then the static image worked.
I can confirm this issue also exist when using a computer web browser. Setting HA to minimallist-mobile theme for whatever reason wonāt let you use the scroll wheel on a mouse scroll the dashboard. Scrolling seems to work fine with the other themes.
I can confirm
It would be great if you could share it. Many of us would use it
I dont fully understand how you made this. I have been trying to get this to work for a few days and I am drawing a blank. I have to comment out the label just to get a the name to display and the image. have you had to make any adjustments since you created it?
title: "Tesla"
path: "tesla"
cards:
- type: "custom:button-card"
template: chip_back
variables:
ulm_chip_back_path: home
- type: horizontal-stack
cards:
- type: custom:button-card
template: edge
- type: custom:button-card
show_icon: false
show_name: false
show_label: false
styles:
grid:
- grid-template-areas: "'item1 item1' 'item2 item2' 'item3 item3' 'item4 item4' 'item5 item5'"
- grid-template-columns: 1fr 1fr
- grid-template-rows: "min-content min-content min-content"
- row-gap: 10px
card:
- border-radius: var(--border-radius)
- box-shadow: var(--box-shadow)
- padding: 10px
custom_fields:
item1:
card:
type: custom:button-card
template: card_title
name: Tesla | MY von Christoph
# label: '[[[ return "Temp " + states["sensor.tesla_model_3_temperature_sensor_inside"].state + "Ā°C inside." ]]]'
item2:
card:
type: custom:button-card
entity: device_tracker.tesla_model_3_location_tracker
show_entity_picture: true
show_icon: false
show_name: false
entity_picture: /local/tesla
style:
- padding: 0px
styles:
card:
- box-shadow: "none"
entity_picture:
- width: 100%
- padding-bottom: 0%
item3:
card:
type: custom:button-card
template: list_2_items
custom_fields:
item1:
card:
type: custom:button-card
template: card_power_outlet
entity: switch.tesla_model_3_sentry_mode_switch
name: Sentry Mode
styles:
card:
- box-shadow: "none"
item2:
card:
type: custom:button-card
template: card_binary_sensor
entity: binary_sensor.tesla_model_3_parking_brake_sensor
styles:
card:
- box-shadow: "none"
item4:
card:
type: custom:button-card
template: list_2_items
custom_fields:
item1:
card:
type: custom:button-card
template: card_graph
variables:
ulm_card_graph_color: "var(--google-blue)"
ulm_card_graph_entity: sensor.tesla_model_3_battery_sensor
ulm_card_graph_hours: 60
ulm_card_graph_type: bar
ulm_card_graph_name: Akku
styles:
card:
- box-shadow: "none"
item2:
card:
type: custom:button-card
template: card_graph
variables:
ulm_card_graph_color: "var(--google-green)"
ulm_card_graph_entity: sensor.tesla_model_3_range_sensor
ulm_card_graph_hours: 60
ulm_card_graph_name: Reichweite
ulm_card_graph_type: bar
styles:
card:
- box-shadow: "none"
item5:
card:
type: custom:button-card
template: list_2_items
custom_fields:
item1:
card:
type: custom:button-card
template: card_power_outlet
entity: switch.tesla_model_3_sentry_mode_switch
name: Sentry Mode
styles:
card:
- box-shadow: "none"
item2:
card:
type: custom:button-card
template: card_binary_sensor
entity: binary_sensor.tesla_model_3_parking_brake_sensor
styles:
card:
- box-shadow: "none"
- type: custom:button-card
template: edge
What is the error message in the dashboard? But yeah there is no custom template in that one, i also just copied most of the parts, you can see it in my initial post, it was also just a reply.
And no there was only one small modification from my side, where i added a new script at the end of the card.
The only error what i can see on your side is that you donāt have a png or jpg in the āentity_pictureā - can you also please check if the entities from your Tesla are really named like you mentioned it. Because with the release from version 3.x of the Custom Tesla Integration many sensors were renamed. Also a complete reinstallation of the custom component was suggested.
See here Release v3.0.0 Ā· alandtse/tesla Ā· GitHub - most of your sensors still seems to be in the old naming format
Yeah iām able to display the car with just local/tesla - does it require it to be .jpeg or png?
yeah I make sure i went to developer tools and checked that every entity was correct before applying it to the code. I cant screenshot hte entire error but this is the main one.
Mhm seems that some templates changed since my first point. I updated them already in my file.
Can you please try to adjust my current card to your entities:
type: horizontal-stack
cards:
- type: custom:button-card
template: edge
- type: custom:button-card
show_icon: false
show_name: false
show_label: false
styles:
grid:
- grid-template-areas: "'item1 item1' 'item2 item2' 'item3 item3' 'item4 item4' 'item5 item5'"
- grid-template-columns: 1fr 1fr
- grid-template-rows: "min-content min-content min-content"
- row-gap: 10px
card:
- border-radius: var(--border-radius)
- box-shadow: var(--box-shadow)
- padding: 10px
custom_fields:
item1:
card:
type: custom:button-card
template: card_title
name: Tesla | MY von Christoph
label: '[[[ return "Es hat " + states["sensor.temperature_inside"].state + "Ā°C im Auto." ]]]'
item2:
card:
type: custom:button-card
entity: device_tracker.location_tracker
show_entity_picture: true
show_icon: false
show_name: false
entity_picture: /local/pictures/Tesla_ModelY.png
style:
- padding: 0px
styles:
card:
- box-shadow: "none"
entity_picture:
- width: 100%
- padding-bottom: 0%
item3:
card:
type: custom:button-card
template: list_2_items
custom_fields:
item1:
card:
type: custom:button-card
template: card_power_outlet
variables:
ulm_card_power_outlet_name: "Aufladen"
entity: binary_sensor.charger
styles:
card:
- box-shadow: "none"
item2:
card:
type: custom:button-card
template: card_generic_swap
entity: sensor.energy_added
variables:
ulm_card_generic_swap_name: "Energie +"
label: '[[[ return states["sensor.energy_added"].state + " kw/h " + " - " + states["sensor.charging_rate"].attributes.added_range + " km" ]]]'
icon: mdi:ev-station
styles:
card:
- box-shadow: "none"
item4:
card:
type: custom:button-card
template: list_2_items
custom_fields:
item1:
card:
type: custom:button-card
template: card_graph
variables:
ulm_card_graph_color: "var(--google-blue)"
ulm_card_graph_entity: sensor.battery
ulm_card_graph_hours: 60
ulm_card_graph_type: bar
ulm_card_graph_name: Akku
entity: sensor.battery
styles:
card:
- box-shadow: "none"
item2:
card:
type: custom:button-card
template: card_graph
variables:
ulm_card_graph_color: "var(--google-green)"
ulm_card_graph_entity: sensor.range
ulm_card_graph_hours: 60
ulm_card_graph_name: Reichweite
ulm_card_graph_type: bar
entity: sensor.range
styles:
card:
- box-shadow: "none"
item5:
card:
type: custom:button-card
template: list_2_items
custom_fields:
item1:
card:
type: custom:button-card
template: card_script
variables:
ulm_card_script_title: 'Maximal Reichweite'
ulm_card_script_icon: 'mdi:connection'
tap_action:
action: call-service
service: script.turn_on
service_data:
entity_id: script.tesla_set_charing_limit_to_100
styles:
card:
- box-shadow: "none"
item2:
card:
type: custom:button-card
template: card_script
variables:
ulm_card_script_title: 'Solar Bypass'
ulm_card_script_icon: 'mdi:solar-power-variant-outline'
tap_action:
action: call-service
service: script.turn_on
service_data:
entity_id: script.adjust_tesla_charging_16a
styles:
card:
- box-shadow: "none"
- type: custom:button-card
template: edge
Hi, all. Can someone help me with the problem at the minimalist-mobile theme?
Last update was fixed hidden navigation bar, but all elements which use position: sticky in card_mode also hidden. Also on this theme scrolling pages do not work on my smartphone.
See v1.3.4-Hotfix to fix the scrolling behavior.
Thatās so strange, because I have this update. And I tried to reinstall it in HACS, but the problem is not solved.
Have you run the service frontend.reload_themes
after updating followed by clearing the cache?
I tried this now, but it didnāt work.
In the minimalist-mobile.yaml try placing card-mod-root: with the code below.
card-mod-root: |
.header {
display: none;
}
#view {
margin: 0 !important;
height: 100vh !important;
}