🌻 Lovelace UI • Minimalist

bbwebb · October 6, 2023, 2:02am

Working on my first dashboard, and still pretty new to Home Assistant. Making good progress on my dashboard, but having a problem trying to change an icon in the Room Card. Specifically I’m trying to change one of the entities to have an icon that is different from what is assigned to the entity. Here is my yaml:

              entity_2:
                entity_id: cover.master_bedroom_slider
                icon: mdi:arrow-up-bold
                templates:
                  - green_on
                tap_action:
                  action: call-service
                  service: cover.open_cover
                  service_data:
                    entity_id: cover.master_bedroom_slider

I’m trying to change the ‘cover’ icon to be an up arrow (mdi:arrow-up-bold)

Any help is appreciated!

Bill

andyblac · October 6, 2023, 9:51am

that is not supported in the default room card, but take a look at my custom room card, it has loads of additional features.

https://community.home-assistant.io/t/my-custom-cards-for-minimalist-ui

I be happen to help in that thread i you need help settingup, or have any questions

bbwebb · October 6, 2023, 11:06am

Thanks! Checking it out now.

nukleuz80 · October 6, 2023, 2:45pm

Hi there,
i’m working on my first simple custom card.

This is what i have, but i need the state under the friendly name:

Here is the template:

---
custom_card_test:
  template:
    - "icon_info_bg"
  show_name: true
  show_state: true
  show_label: false
  show_icon: true
  show_last_changed: false
  variables:
    ulm_custom_card_jb_test_icon_on: ""
    ulm_custom_card_jb_test_icon_off: ""
    ulm_custom_card_jb_test_icon_tilt: ""
    ulm_custom_card_jb_test_color_background: ""

  icon: >
    [[[ 
        if (entity.state == "Offen") 
        return variables.ulm_custom_card_jb_test_icon_on;

        if (entity.state == "Gekippt") 
        return variables.ulm_custom_card_jb_test_icon_tilt;

        else return variables.ulm_custom_card_jb_test_icon_off; 
    ]]]

Here is the card:

  - type: custom:button-card
    entity: sensor.wohnzimmer_tur_advanced
    template: custom_card_test
    name: WZ Tilted
    variables:
      ulm_custom_card_jb_test_icon_on: "mdi:door-open"
      ulm_custom_card_jb_test_icon_off: "mdi:door-closed"
      ulm_custom_card_jb_test_icon_tilt: "mdi:door-sliding"

I don’t get it… Thanks

andyblac · October 6, 2023, 5:12pm

you do this using styles

ie

  styles:
    state:
      - justify-self: "start"
      - font-size: "15px"
      - margin-left: "33%"
      - margin-top: "0%"
      - max-width: "65%"
      - text-overflow: "ellipsis"
      - overflow: "hidden"

nukleuz80 · October 6, 2023, 7:24pm

Thanks for the hint…
I had to change the grid from label to state:

  styles:
    grid:
      - grid-template-areas: '"i n"  "i s"'

Zixten · October 7, 2023, 3:26pm

Hi I’m running Home Assistant 2023.9.3 with the latest version of Minimalist.
It’s been a while since i started my custom dashboard and now I have some time to work some more on it.
Then i Noticed that I have these ugly borders now.
screen
I found that there is a fix and I see that is has been implemented

 # fix added border-lines in 2022.11
  ha-card-border-width: "0px"

Yet it does not work Have been googling and trying all sorts of fixes I found but no luck.
Any one been having tha same problem?

drashish87 · October 8, 2023, 9:06am

You can do this for any entity by following the below!

Developer tool > states > search your entity in your case cover.master_bedroom_slider > click on " i " icon below it > click on the gear icon > you will get icon option to change it!

andyblac · October 8, 2023, 9:28am

you can. but doing so, will stop the state icon changing, it will become a static icon.

drashish87 · October 8, 2023, 9:33am

Mine are working fine,I am using the default room cards.

max5962 · October 10, 2023, 2:45pm

Awesome, can you share the code when you finished it ? please

captaincanada · October 10, 2023, 7:37pm

Great Dashboard!
How did you put the swipe card with the camera entities into minimalist and how is the schedule card working?

thanks for any help

jalejandro0211 · October 15, 2023, 9:24pm

Excuse me, one Q, where I have to locate/put the template section?

nikno · October 16, 2023, 8:22am

My first trials to get tabs to work…

Not sure what I am doing wrong here…all I get is an empty dashboard!?

I have follow the description for adding tabs as it it described here:
https://ui-lovelace-minimalist.github.io/UI/setup/customizing/#how-to-customize-the-dashboard

Currently the yaml file looks something like this (where I expect 2 tabs to show up one “Main” and one “Vito”:

button_card_templates: !include_dir_merge_named "../../custom_components/ui_lovelace_minimalist/__ui_minimalist__/ulm_templates/"
title: "Home trials"
theme: "minimalist-desktop"
background: "var(--background-image)"


views:
  - title: "Main"
    path: 0
    icon: "mdi:home"
    cards:
      - type: vertical-stack
        cards:
    ##########
    ########## TOP CHIPS/PILLS
    ##########
          - type: horizontal-stack
            cards:
################### REMOVED STUFF

  - title: "Vito"
    path: vito
    icon: "mdi:car"
    cards:
      - type: vertical-stack
        cards:
    ##########
    ########## TOP CHIPS/PILLS
    ##########

################### REMOVED STUFF

cosminhriscu · October 16, 2023, 8:30pm

Hi,
I’m working at an adaptive dashboard version for my tablet and I don’t know why, my dashboard is loading very slow. I double checked the code and it seems fine. Does anyone have an ideea why it is working slow and also, after a few minutes it crashes, especially when I’m in Home page? HASS is running on a virtual machine on Synology. I tried on MS Edge, Google Chrome. On FullyKioskBrowser it is even worse. Also I tried on a iPad with HA Companion app, and again it is worse. It could be because I used horizontal-stack in a vertical-stack, some kind of stack-in-stack on a single grid-area? I didn’t used this on all views, but all views are loading very slowly.

slow ui best

IssaSFX · October 17, 2023, 12:12pm

how do you center the entities like adblue inspektion licht usw

cosminhriscu · October 17, 2023, 12:37pm

It seems that this is because of the popup.yaml file. I cannot understand why, or how this popup works (when accessing the dashboard, the entire popup cards are loaded?). I reinstalled UI Minimalist, recreated all views without popup. Everything is working fine. When I recreate the popup, all is working slowly. Bellow is my popup.yaml file. Is there something I do wrong?

---
type: custom:state-switch
view_layout:
  grid-area: popup
  show:
    mediaquery: "(min-width: 1100px)"
entity: input_select.input_select_minimalist_ui
default: "default"
transition: "slide-down"
transition_time: 500

states:

    bec_buc:
      type: "custom:button-card"
      template: "popup_light_brightness"
      entity: light.kitchen

 
    mediaplayer 1:
      type: "custom:button-card"
      template: "popup_media_player_infos"
      entity: media_player.chromecastcosmin

    spotify:
      type: "custom:button-card"
      template: "popup_media_player_infos"
      entity: media_player.spotify_cosmin

    boxa_living:
      type: "custom:button-card"
      template: "popup_media_player_infos"
      entity: media_player.living_room

    mibox_living:
      type: "custom:button-card"
      template: "popup_media_player_infos"
      entity: media_player.mibox_living_room

    boxa_baie:
      type: "custom:button-card"
      template: "popup_media_player_infos"
      entity: media_player.bathroom_speaker

    boxa_fete:
      type: "custom:button-card"
      template: "popup_media_player_infos"
      entity: media_player.kids_room_speaker

    temp_buc:
      type: custom:plotly-graph
      entities:
        - entity: sensor.temperatura_bucatarie_adjusted
      hours_to_show: 24
      refresh_interval: 10
      title: Temperatura Bucatarie
   
    vreme:
      type: "custom:button-card"
      template: "popup_weather_forecast"
      entity: weather.home_2
      popup_variables:
          ulm_weather_popup_surpress_first_forecast: false

    umid_buc:
      type: custom:plotly-graph
      entities:
        - entity: sensor.umiditate_bucatarie_adjusted
      hours_to_show: 24
      refresh_interval: 10
      title: Umiditate Bucatarie

    temp_baie:
      type: custom:plotly-graph
      entities:
        - entity: sensor.temperatura_baie_adjusted
      hours_to_show: 24
      refresh_interval: 10
      title: Temperatura Baie

    birou_fete:
      type: "custom:button-card"
      template: "popup_light_brightness"
      entity: light.sonoff_100123e37b

    veioza:
      type: "custom:button-card"
      template: "popup_light_brightness"
      entity: light.tapo_light

    lidl1:
      type: "custom:button-card"
      template: "popup_light_brightness"
      entity: light.lidl_light_1

    lidl2:
      type: "custom:button-card"
      template: "popup_light_brightness"
      entity: light.lidl_light_2
      
      
    umid_baie:
      type: custom:plotly-graph
      entities:
        - entity: sensor.umiditate_baie_adjusted
      hours_to_show: 24
      refresh_interval: 10
      title: Umiditate Baie

    temp_fete:
      type: custom:plotly-graph
      entities:
        - entity: sensor.temperatura_fete_adjusted
      hours_to_show: 24
      refresh_interval: 10
      title: Temperatura Fete

    umid_fete:
      type: custom:plotly-graph
      entities:
        - entity: sensor.umiditate_fete_adjusted
      hours_to_show: 24
      refresh_interval: 10
      title: Umiditate Fete

    temp_living:
      type: custom:plotly-graph
      entities:
        - entity: sensor.salus_current_temp
      hours_to_show: 24
      refresh_interval: 10
      title: Temperatura Camera Mare

    umid_living:
      type: custom:plotly-graph
      entities:
        - entity: sensor.umiditate_camera_mare_adjusted
      hours_to_show: 24
      refresh_interval: 10
      title: Umiditate Camera Mare

    gaz:
      type: entity
      entity: binary_sensor.ch4_alarm

    metan:
      type: vertical-stack
      cards:
        - type: entity
          entity: sensor.ch4_alarm_methane
        - type: custom:plotly-graph
          entities:
          - entity: sensor.ch4_alarm_methane
            hours_to_show: 24
            refresh_interval: 10
            title: Nivel Metan

    consum_apart:
      type: vertical-stack
      cards:
        - type: vertical-stack
          cards:
            - type: energy-date-selection
            - type: energy-usage-graph
              title: Grafic Consum Energie
            - type: energy-sources-table
              title: Cost Energie
            - type: horizontal-stack
              cards:
                - type: entities
                  entities:
                    - entity: switch.shellyem_a4e57cba9f4d
                      name: ShellyEM
                    - entity: sensor.consum_total_apartament_energy
                      name: Consum Total Apartament
                    - entity: sensor.consum_total_apartament_energy_returned
                      name: Consum Total Returnat
                    - entity: sensor.consum_total_apartament_power
                      name: Putere Actuala Apartament
                - type: entities
                  entities:
                    - entity: sensor.consum_total_apartament_power_factor
                      name: Factor Putere Apartament
                    - entity: sensor.consum_total_apartament_voltage
                      name: Voltaj Apartament
                    - entity: binary_sensor.shellyem_a4e57cba9f4d_cloud
                      name: Cloud
                    - entity: sensor.shellyem_a4e57cba9f4d_uptime
                      name: Uptime

    consum_masina:
      type: vertical-stack
      cards:
        - type: history-graph
          entities:
            - entity: sensor.consum_masina_spalat_energy_total
          hours_to_show: 24
          refresh_interval: 0
          title: Consum Masina Spalat si Uscator
        - type: horizontal-stack
          cards:
            - type: entities
              entities:
                - entity: sensor.consum_masina_spalat_energy_voltage
                  name: Voltaj Actual
                - entity: sensor.consum_masina_spalat_energy_power
                  name: Putere Actuala
                - entity: sensor.consum_masina_spalat_energy_current
                  name: Amperaj Actual
                - entity: sensor.consum_masina_spalat_energy_frequency
                  name: Frecventa
                - entity: sensor.consum_masina_spalat_energy_apparentpower
                  name: Putere Aparenta
                - entity: sensor.consum_masina_spalat_energy_factor
                  name: Factor Energie
            - type: entities
              entities:
                - entity: sensor.consum_masina_spalat_energy_reactivepower
                  name: Putere Reactiva
                - entity: sensor.consum_masina_spalat_energy_today
                  name: Consum Azi
                - entity: sensor.consum_masina_spalat_energy_total
                  name: Consum Total
                - entity: sensor.consum_masina_spalat_energy_yesterday
                  name: Consum Ieri
                - entity: sensor.consum_masina_spalat_ssid
                  name: SSID
                - entity: sensor.consum_masina_spalat_firmware_version
                  name: Versiune Firmware

    termostat_living:
      type: "custom:button-card"
      template: "popup_thermostat_temperature"
      entity: climate.salus_thermostat  
    
    termostat_fete: 
      type: "custom:button-card"
      template: "popup_thermostat_temperature"
      entity: climate.termostat_calorifer
     
      
    priza_troti:  
      type: "custom:button-card"
      template: "popup_power_outlet_stats"
      entity: switch.priza_trotineta_trotineta
      variables:
        ulm_popup_power_outlet_sensor1: sensor.priza_trotineta_trotineta_power
        ulm_popup_power_outlet_sensor2: sensor.priza_trotineta_trotineta_energy
        ulm_popup_power_outlet_graph_sensor: sensor.priza_trotineta_trotineta_power

    priza_aspi:  
      type: "custom:button-card"
      template: "popup_power_outlet_stats"
      entity: switch.priza_trotineta_aspirator
      variables:
        ulm_popup_power_outlet_sensor1: sensor.priza_trotineta_aspirator_power
        ulm_popup_power_outlet_sensor2: sensor.priza_trotineta_aspirator_energy
        ulm_popup_power_outlet_graph_sensor: sensor.priza_trotineta_aspirator_power
    
   
    alarma:
      type: alarm-panel
      states:
        - arm_away
        - arm_vacation
      entity: alarm_control_panel.ha_alarm
      name: Alarma        
            
    priza_nas:  
      type: "custom:button-card"
      template: "popup_power_outlet_stats"
      entity: switch.plug_status
      variables:
        ulm_popup_power_outlet_sensor1: sensor.current_consumption
        ulm_popup_power_outlet_sensor2: sensor.current
        ulm_popup_power_outlet_graph_sensor: sensor.current_consumption

    priza_esxi:  
      type: "custom:button-card"
      template: "popup_power_outlet_stats"
      entity: switch.plug_status_esxi
      variables:
        ulm_popup_power_outlet_sensor1: sensor.current_consumption_esxi
        ulm_popup_power_outlet_sensor2: sensor.current_esxi
        ulm_popup_power_outlet_graph_sensor: sensor.current_consumption_esxi

    


    nas:  
      type: vertical-stack
      title: Synology-NAS
      
      cards:

        - type: horizontal-stack
          cards:
            - type: "custom:button-card"
              template: custom_card_bar_card
              variables:
                ulm_custom_card_bar_card_entity: sensor.cosmin_nas_cpu_utilization_total
                ulm_custom_card_bar_card_name: Incarcare CPU
                ulm_custom_card_bar_card_value: true
                ulm_custom_card_bar_card_indicator: true
                ulm_custom_card_bar_card_color: "var(--google-green)"
                ulm_custom_card_bar_card_min: 0
                ulm_custom_card_bar_card_max: 100

            - type: "custom:button-card"
              template: custom_card_bar_card
              variables:
                ulm_custom_card_bar_card_entity: sensor.cosmin_nas_memory_usage_real
                ulm_custom_card_bar_card_name: Utilizare Memorie
                ulm_custom_card_bar_card_value: true
                ulm_custom_card_bar_card_indicator: true
                ulm_custom_card_bar_card_color: "var(--google-green)"
                ulm_custom_card_bar_card_min: 0
                ulm_custom_card_bar_card_max: 100

        - type: horizontal-stack
          cards:
            - type: "custom:button-card"
              template: custom_card_bar_card
              variables:
                ulm_custom_card_bar_card_entity: sensor.cosmin_nas_volume_1_volume_used
                ulm_custom_card_bar_card_name: Procentaj Utilizare Volume 1
                ulm_custom_card_bar_card_value: true
                ulm_custom_card_bar_card_indicator: true
                ulm_custom_card_bar_card_color: "var(--google-green)"
                ulm_custom_card_bar_card_min: 0
                ulm_custom_card_bar_card_max: 100
        - type: horizontal-stack
          cards:
            - type: 'custom:button-card'
              template: card_generic_swap
              entity: sensor.cosmin_nas_volume_1_total_size  
              variables:
                ulm_card_generic_swap_color: green
                ulm_card_generic_swap_name: Dimensiune totala Volume 1
                ulm_card_generic_swap_force_background_color: true 
            - type: 'custom:button-card'
              template: card_generic_swap
              entity: sensor.cosmin_nas_volume_1_used_space  
              variables:
                ulm_card_generic_swap_color: green
                ulm_card_generic_swap_name: Dimensiune utilizata Volume 1
                ulm_card_generic_swap_force_background_color: true              




        - type: custom:button-card
          template: custom_card_speedtest_shogun160
          variables:
            ulm_custom_card_speedtest_download_speed_entity: sensor.cosmin_nas_download_throughput
            ulm_custom_card_speedtest_upload_speed_entity: sensor.cosmin_nas_upload_throughput
            ulm_custom_card_speedtest_ping_entity: sensor.speedtest_ping
            ulm_custom_card_speedtest_round: false
    router:
      type: vertical-stack
      title: Xiaomi Router
      
      cards:          

        - type: horizontal-stack
          cards:
            - type: 'custom:button-card'
              template: card_generic_swap
              entity: sensor.miwifi_router_b_received
              variables:
                ulm_card_generic_swap_name: Data received
                ulm_card_generic_swap_color: green
            - type: 'custom:button-card'
              template: card_generic_swap
              entity: sensor.miwifi_router_b_sent
              variables:
                ulm_card_generic_swap_name: Data sent
                ulm_card_generic_swap_color: green

        - type: horizontal-stack
          cards:
            - type: 'custom:button-card'
              template: card_generic_swap
              entity: sensor.miwifi_router_kib_s_received
              variables:
                ulm_card_generic_swap_name: Download speed
                ulm_card_generic_swap_color: green
            - type: 'custom:button-card'
              template: card_generic_swap
              entity: sensor.miwifi_router_kib_s_sent
              variables:
                ulm_card_generic_swap_name: Upload speed
                ulm_card_generic_swap_color: green

        - type: horizontal-stack
          cards:
            - type: 'custom:button-card'
              template: card_generic_swap
              entity: sensor.miwifi_router_packets_received
              variables:
                ulm_card_generic_swap_name: Packets received
                ulm_card_generic_swap_color: green
            - type: 'custom:button-card'
              template: card_generic_swap
              entity: sensor.miwifi_router_packets_s_received
              variables:
                ulm_card_generic_swap_name: Packet download speed
                ulm_card_generic_swap_color: green
        - type: horizontal-stack
          cards:
            - type: 'custom:button-card'
              template: card_generic_swap
              entity: sensor.miwifi_router_packets_s_sent
              variables:
                ulm_card_generic_swap_name: Packet upload speed
                ulm_card_generic_swap_color: green
            - type: 'custom:button-card'
              template: card_generic_swap
              entity: sensor.miwifi_router_packets_sent
              variables:
                ulm_card_generic_swap_name: Packets sent
                ulm_card_generic_swap_color: green
                
    camera_buc:
      type: "custom:button-card"
      entity: camera.camera2
      template: "custom_card_camera"
      show_icon: true #True if you set ulm_custom_card_camera_title: true
      variables:
        ulm_custom_card_camera_title: true
        ulm_custom_card_camera_name: "Bucatarie"
        ulm_custom_card_camera_aspect_ratio: '16:9'

    printer:
      type: "custom:button-card"
      template: "custom_card_sisimomo_printer"
      entity: sensor.epson_l7160_series
      variables:
        printer_name: EPSON L7160 Series
        cartridges:
          - label: "BK"
            entity_id: sensor.epson_l7160_series_black_ink
            type: unicolor
            color: "black"
          - label: "PB"
            entity_id: sensor.epson_l7160_series_photo_black_ink
            type: unicolor
            color: "black"
          - label: "Y"
            entity_id: sensor.epson_l7160_series_yellow_ink
            type: unicolor
            color: "rgba(var(--color-yellow), 1)"
          - label: "M"
            entity_id: sensor.epson_l7160_series_magenta_ink
            type: unicolor
            color: "#F84B7A"
          - label: "C"
            entity_id: sensor.epson_l7160_series_cyan_ink
            type: unicolor
            color: "#427EDE"

    laptop:
      type: vertical-stack
      title: Cosmin-Laptop
      cards:
        - type: horizontal-stack
          cards:
            - type: "custom:button-card"
              template: custom_card_bar_card
              variables:
                ulm_custom_card_bar_card_entity: sensor.cosmin_laptop_cpuload
                ulm_custom_card_bar_card_name: Incarcare CPU
                ulm_custom_card_bar_card_value: true
                ulm_custom_card_bar_card_indicator: true
                ulm_custom_card_bar_card_color: "var(--google-green)"
                ulm_custom_card_bar_card_min: 0
                ulm_custom_card_bar_card_max: 100

            - type: "custom:button-card"
              template: custom_card_bar_card
              variables:
                ulm_custom_card_bar_card_entity: sensor.cosmin_laptop_memoryusage
                ulm_custom_card_bar_card_name: Utilizare Memorie
                ulm_custom_card_bar_card_value: true
                ulm_custom_card_bar_card_indicator: true
                ulm_custom_card_bar_card_color: "var(--google-green)"
                ulm_custom_card_bar_card_min: 0
                ulm_custom_card_bar_card_max: 100

        - type: horizontal-stack
          cards:
            - type: "custom:button-card"
              template: custom_card_bar_card
              variables:
                ulm_custom_card_bar_card_entity: sensor.cosmin_laptop_storage_c_usage
                ulm_custom_card_bar_card_name: Utilizare Drive C
                ulm_custom_card_bar_card_value: true
                ulm_custom_card_bar_card_indicator: true
                ulm_custom_card_bar_card_color: "var(--google-green)"
                ulm_custom_card_bar_card_min: 0
                ulm_custom_card_bar_card_max: 100

            - type: "custom:button-card"
              template: custom_card_bar_card
              variables:
                ulm_custom_card_bar_card_entity: sensor.cosmin_laptop_storage_d_usage
                ulm_custom_card_bar_card_name: Utilizare Drive D
                ulm_custom_card_bar_card_value: true
                ulm_custom_card_bar_card_indicator: true
                ulm_custom_card_bar_card_color: "var(--google-green)"
                ulm_custom_card_bar_card_min: 0
                ulm_custom_card_bar_card_max: 100              

        - type: horizontal-stack
          cards:
            - type: 'custom:button-card'
              template: card_generic_swap
              entity: sensor.cosmin_laptop_storage_c_file_system 
              variables:
                ulm_card_generic_swap_color: green
                ulm_card_generic_swap_name: File System C 
                ulm_card_generic_swap_force_background_color: true
            - type: 'custom:button-card'
              template: card_generic_swap
              entity: sensor.cosmin_laptop_storage_d_file_system  
              variables:
                ulm_card_generic_swap_color: green
                ulm_card_generic_swap_name: File System C 
                ulm_card_generic_swap_force_background_color: true 

        - type: 'custom:button-card'
          template: card_generic
          entity: sensor.cosmin_laptop_network_wi_fi
          variables:
            ulm_card_generic_name: WIFI Status
            ulm_card_generic_force_background_color: true
            ulm_card_generic_color: green

        - type: custom:button-card
          template: custom_card_speedtest_shogun160
          variables:
            ulm_custom_card_speedtest_download_speed_entity: sensor.speedtest_download
            ulm_custom_card_speedtest_upload_speed_entity: sensor.speedtest_upload
            ulm_custom_card_speedtest_ping_entity: sensor.speedtest_ping
            ulm_custom_card_speedtest_round: false



  ## Rooms
    baie: !include "../views/baie.yaml"
    balcon: !include "../views/balcon.yaml"
    bucatarie: !include "../views/bucatarie.yaml"
    camera_fete: !include "../views/camera_fete.yaml"
    camera_mare: !include "../views/camera_mare.yaml"
    casa: !include "../views/casa.yaml"
    coridor_intrare: !include "../views/coridor_intrare.yaml"
    coridor_mic: !include "../views/coridor_mic.yaml"
    lab: !include "../views/lab.yaml"
    lumini: !include "../views/lumini.yaml"
    main: !include "../views/main.yaml"
    summary: !include "../views/summary.yaml"
    prize: !include "../views/prize.yaml"
    secure: !include "../views/secure.yaml"

nikno · October 18, 2023, 2:30pm

@daxm Looks like I have the same issue, did you find the solution?

nikno · October 19, 2023, 9:41am

I figured out that I need to empty the browser cache, after that things started to show up.

But still having issues with the apexcharts, some of the info shows up in a card but then an error in what appear/might to be the line chart area. I tried different chart types but no difference.

EDIT: Solved. Below is how it looks when you haven’t installed the HACS apex-charts addon, didn’t read the requirements very well…

This is the code:

      - type: horizontal-stack
        cards:
          - type: "custom:button-card"
            template: "custom_card_apexcharts"
            variables:
              chart_type: "line"
              graph_span: "1h"
              entity_1:
                entity_id: sensor.fridge_temperature
                icon: mdi:fridge
                name: "Fridge"
                color: "blue"
              entity_2:
                entity_id: sensor.living_room_temperature
                icon: mdi:sofa
                name: "Livingroom"
                color: "red"
              entity_3:
                entity_id: sensor.bedroom_temperature
                icon: mdi:bed-king
                name: "Bedroom"
                color: "green"

flintstones-fred · October 21, 2023, 7:59pm

I have been using this card for almost 6 months and a set of these room cards is front and center of my dashboard. I have one “feature request” as I haven’t figured out a way to implement it myself. Can you direct me in the right direction?
For room cards, where I have a light entity, tapping toggles the lights, double tapping opens up the popup where I can adjust the brightness and colors of those lights. This is great, but I was thinking if the visual element on the card for the lights can become a brightness slider if the lights are ON. I think with the 3 column grid you have shown above, it may be a little bit crowded, but with a 2 column grid, that may actually be a great addition which allows for an easier brightness adjustment.

Any thoughts?