šŸŒ» Lovelace UI ā€¢ Minimalist

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

1 Like

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 :slight_smile:

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
1 Like

@Freshhat yep!! that fixed everything thanks alot for your help

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;
    }
1 Like