My Custom Cards for Minimalist UI

ok, it should work now from latest dev branch,

to use like, 0.01 = 1%, 1.0 = 100%, example below being 40%, which what i use for sensor off transparency.

ulm_custom_card_andyblac_room_sensor_color: rgba(245,90,49,0.4)

Perfect. Work like a charm. You are the best!

  - type: custom:button-card
    view_layout:
      grid-area: room110
    template:
      - custom_card_andyblac_room
    name: Obývák
    icon: mdi:sofa
    tap_action:
      action: navigate
      navigation_path: obyvak
    variables:
      ulm_custom_card_andyblac_room_color: rgb(116,216,255)
      sensor_label_1: sensor.teplota_obyvak
      sensor_label_2: sensor.vlhkost_obyvak
      sensor_1:
        entity_id: binary_sensor.mg_110_obyvak
        icon: mdi:window-open-variant
        ulm_custom_card_andyblac_room_sensor_color_on: red
      sensor_2:
        entity_id: binary_sensor.pir_110_obyvak
        ulm_custom_card_andyblac_room_sensor_color_on: red
        templates:
          - motion_animation
      sensor_3:
        entity_id: media_player.110_obyvak
        icon: mdi:play-pause
        ulm_custom_card_andyblac_room_sensor_color_on: red
      sensor_4:
        entity_id: cover.zaluzie_jih_zahony
        icon: mdi:window-shutter
        ulm_custom_card_andyblac_room_sensor_color: rgba(255,0,0,1)
        ulm_custom_card_andyblac_room_sensor_color_on: rgba(116,216,255,0.35)
      sensor_5:
        entity_id: cover.zaluzie_vychod_zahrada
        icon: mdi:window-shutter
        ulm_custom_card_andyblac_room_sensor_color: rgba(255,0,0,1)
        ulm_custom_card_andyblac_room_sensor_color_on: rgba(116,216,255,0.35)

image
first cover open, second cover closed.

1 Like

great to know, I’ll try to do the update to guides and push it to release git today.

not sure why your icons for covers are not representing the correct state, are you using custom icons for the entity ?

here how mine look.

edit:
i see your using icon: xx in room try removing and set the entity to shutter and then let HA use the default one it should then use the correct state.

Thanks, I change entity type and erase icon definition in yaml and now works fine!
image

1 Like

great, if there anything else you would like or you think could improve the cards, please just ask, I can’t promise to add everything, but I will try my best.

Is there any way to change font size of sensor_label?

Its ok on PC, but on mobile view, its too big. When I use precision 1 for temperature and humidity its too big.

yes as noted in the guides here you can use ulm_custom_card_andyblac_room_use_small_label_font to make the font slightly smaller. so try ulm_custom_card_andyblac_room_use_small_label_font: true

tip: if your only using 2 entity buttons try using them as entity_3 and entity_4, this will move them to the bottom, to make more space available to the label area.

just pushed new commit to dev from @iPilla thanks, but with this commit it has a breaking change, climate button has been renamed to custom_2.

Hey Andy,

thank you very much vor the Minimalistic UI my Wife and I love it so much. But i have a problem with the “sensor.number_of_lights_on” this sensor counts also light entities wich are in groups… you have any idea why?

hi, thanks, and yes, i get arround this by creating a area called groups and put anything in that area that you want to ignore.

my sensor code looks for this.

1 Like

@andyblac I’m running into an issue with the alarm popup and wondering if you are seeing the same behavior. When I attempt to click on one of the modes to either arm_home or arm_away it just higlights the buttons and does not give me an option to enter a code to set one of those states. It is possible I am just not understanding how the mushroom alarm card works. It’s just that I seem to remember it working that way before.

Edit: I just noticed that you switched from the mushroom card alarm control panel to the regular entity card. With either one I am still seeing the same issue. If I create the same card through the lovelace editor on another dashboard it works just fine and also works on the security page of the minimalist dashboard. Just not with the popup. I wonder if a popup can’t popup another window.

Edit 2: After doing some more testing the keypad should pop up but it does not when the security popup yaml is launched from the sidebar security icon and not the security state title.

yes, seeing the same thing, but only on mobile app, it works fine on the web page or MacOS app. It’s must be an issue somewhere in the mobile app. If I’m on mobile I just tap on the shield icon (in the security popup), and change from there it then pops up the code panel just fine.

would also love the code for the cards if possible

Iphilla,

Could you please clarify where you made changes to add the video to the room card. I am struggling to add the cctv to one of my rooms. I would appreciate if you could please share your config file

Thank you.

Kwame

with the current version the config is custom_1 to use that icon area.

ie

  - type: custom:button-card
    template:
      - custom_card_andyblac_room
    name: Lounge
    icon: mdi:sofa
    tap_action:
      action: navigate
      navigation_path: lounge
    variables:
      custom_1:
        entity_id: camera.example
        icon: mdi:cctv

Hello Andy,
Thanks for your quick response, I am going to try it and get back to you shortly.
I owe you a big gratitude in advance.
Kwame

Hello Andy, I have just tested it and it is still not working. pls see excerpts from my home.yaml config file for my back garden card.

# Back Garden
  - type: custom:button-card
    view_layout:
      grid-area: room2
    template:
      - custom_card_andyblac_room
    name: Back Garden
    icon: mdi:flower-tulip
    tap_action:
      action: navigate
      navigation_path: back-garden
    variables:
      custom_1:
        entity_id: camera.192_168_1_24
        icon: mdi:cctv    
      ulm_custom_card_andyblac_room_color: green
      sensor_label_1: sensor.bedroom_fridge_door_device_temperature
      # sensor_label_2: binary_sensor.motion_sensor_occupancy
      sensor_label_3: binary_sensor.motion_sensor_occupancy
      sensor_1:
        entity_id: binary_sensor.main_door_sensor_contact
      # sensor_2:
      #   entity_id: switch.washing_machine
      #   templates:
      #     - sprinkler_animation
      sensor_3:
        entity_id: binary_sensor.motion_sensor_occupancy
        templates:
          - motion_animation
      entity_3:
        entity_id: light.desktop_light
        ulm_custom_card_andyblac_room_use_light_color: true
      # entity_4:
      #   entity_id: light.desktop_light
      #   ulm_custom_card_andyblac_room_use_light_color: true

should be working, it is here, make sure you have the latest git code.

  # Lounge
  - type: custom:button-card
    view_layout:
      grid-area: room5
    template:
      - custom_card_andyblac_room
    name: Lounge
    icon: mdi:sofa
    tap_action:
      action: navigate
      navigation_path: lounge
    variables:
      ulm_custom_card_andyblac_room_color: yellow
      sensor_label_1: sensor.wiser_lts_temperature_lounge
      sensor_label_2: sensor.wiser_lts_humidity_lounge
      custom_1:
        entity_id: climate.wiser_lounge
      sensor_1:
        entity_id: binary_sensor.lounge_door_contact
      sensor_2:
        entity_id: binary_sensor.lounge_motion_sensor_occupancy
        templates:
          - motion_animation
      sensor_3:
        entity_id: cover.lounge_window_shade
      sensor_4:
        entity_id: cover.lounge_patio_window_shade
      sensor_6:
        entity_id: media_player.lounge_tv
        tap_action:
          action: toggle
      entity_2:
        entity_id: light.lounge_table_light
        ulm_custom_card_andyblac_room_icon_color_on: amber
      entity_3:
        entity_id: light.lounge_extention_lights
        ulm_custom_card_andyblac_room_icon_color_on: amber
      entity_4:
        entity_id: light.lounge_lamps
        ulm_custom_card_andyblac_room_icon_color_on: green

download git, upload to HA, then go to Developers Tools → YAML (scroll down to UI LOVELACE MINIMALIST click on it to reload,
then got to your dashboard and click on the 3 dot at top right, and click refresh.

Hello Andy, you are awesome!
Correct me if I am wrong, but here is where I can get the latest git download right?

Thanks
Kwame