My Custom Cards for Minimalist UI

Thank you for posting your config files. Can you post some pictures of your dashboard. That would help me make some sense of all the config files. Thank you

sure here are a few.

home

heating

sockets popup

lounge

Thanks for making this mod Andy, I like it! However, when using your custom cards I run into some errors.
This is with the room card: (but it also happens to the other cards)

Looks like I’m missing a reference to some files? The ‘original’ custom cards with this mod work just fine.

Any help would be much appreciated

can you post the full yaml of the room card, it hard to see what could be wrong from the screen shot.

I have been playing with it so this is the error and code I currently use, it’s pretty much the example from your git updated with my own entities.

      - type: custom:button-card
        template:
          - custom_card_andyblac_room
        name: "Woonkamer"
        tap_action:
          action: navigate
          navigation_path: woonkamer
        variables:
          ulm_custom_card_andyblac_room_color: blue
          sensor_label_1: sensor.woonkamer_temperatuur
          sensor_label_2: sensor.woonkamer_luchtvochtigheid
          sensor_label_3: sensor.particulate_matter_2_5um_concentration
          sensor_1:
            entity_id: input_boolean.enable_auto_illum
            tap_action:
              action: toggle
          entity_3:
            entity_id: light.hal_beneden
            ulm_custom_card_andyblac_room_icon_color_on: yellow
          entity_4:
            entity_id: light.hal_boven
            ulm_custom_card_andyblac_room_icon_color_on: blue

ok, Helpers not defined error is that your not running the latest version of button card, my card requires at least version 4.0, it looks like your using the cards from the Minimalist UI. ie this option.

for some reason (I don’t know why), that does not install the latest versions of the required cards, i would suggest removing that option, and installing all the required cards manually from HACS, here is list of minimalist required cards

button-card
lovelace-card-mod
mini-graph-card
mini-media-player
my-cards-slider-card
light-entity-card
auto-entities
simple-weather-card

try searching in HACS for those cards, and install them one by one, then restart HA, and my card should work.

My Button-Card was at the latest version (4+) when I checked it in HACS. I removed the Minimalist mod and reinstalled it without selecting the custom card resources like you told. That was the trick, somehow the button card got corrupted I think.

Thanks a lot, now I can continue :slight_smile:

np, glad you got it working.

Is a great ideas!!!

it possible to use the pop-up card inside the card room with entity?

yes, eithe use the standard room card option, or use my methed for custom popups.

Standard UI Method

# Office
  - type: custom:button-card
    template:
      - custom_card_andyblac_room
    name: Office
    icon: mdi:desk
    tap_action:
      action: navigate
      navigation_path: office
    variables:
      ulm_custom_card_andyblac_room_color: blue
      entity_3:
        templates:
          - popup_light
        entity_id: light.office_dimmer

My Custom Method

for entity just add it to the entity section ie

- type: custom:button-card
  template:
    - custom_card_andyblac_room
  name: Office
  icon: mdi:desk
  tap_action:
    action: navigate
    navigation_path: office
  variables:
    sensor_label_1: sensor.wiser_lts_temperature_office
    sensor_label_2: sensor.wiser_lts_humidity_office
    sensor_1:
      entity_id: binary_sensor.office_door_contact
    sensor_2:
      entity_id: cover.office_window_shade
    entity_3:
      entity_id: light.office_dimmer
      ulm_custom_card_andyblac_room_icon_color_on: yellow
      popup_title: "Popup Example"
      popup_content: !include example-popup.yaml
      templates: 
        - custom_popup_andyblac_tap
1 Like

your work is amazing. I can’t wait to try adding climate to the room card too! another question, how can I avoid that the count of lights turned on in the status sensor also includes those that are created as a group in the helpers?

thanks, it’s nice to here tour enjoying it, as for excluding the light in the helper group, i assign those to a area called group, then exclude them from count like this:

      entities: >
        {%- from 'tools.jinja' import list_entities -%}
        {{ list_entities(states.light,exclude_area='groups',state='on') }}
      state: "{{ this.attributes.entities | count }}"

just added climate control button to the dev branch.

After update to HA 2023.11 pop-up don’t work only on phone (android).

make sure you have updated all the integrations, in HACS click on them one by one, then the three dots, and click on “Update Information”, I have not updated to it yet, as there are lots of reported bugs. This could be one of them

I have just updated to HA 2023.11.1, and popups seeem to working on my iMac and iPhone, but I have seen some errors in HA log, regarding browser_mod which I have reported.

2023-11-05 10:52:17.795 ERROR (MainThread) [homeassistant.helpers.integration_platform] Unexpected error importing browser_mod/energy.py
Traceback (most recent call last):
  File "/usr/src/homeassistant/homeassistant/helpers/integration_platform.py", line 50, in _async_process_single_integration_platform_component
    platform = integration.get_platform(platform_name)
               ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  File "/usr/src/homeassistant/homeassistant/loader.py", line 836, in get_platform
    cache[full_name] = self._import_platform(platform_name)
                       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  File "/usr/src/homeassistant/homeassistant/loader.py", line 853, in _import_platform
    return importlib.import_module(f"{self.pkg_path}.{platform_name}")
           ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  File "/usr/local/lib/python3.11/importlib/__init__.py", line 126, in import_module
    return _bootstrap._gcd_import(name[level:], package, level)
           ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  File "<frozen importlib._bootstrap>", line 1204, in _gcd_import
  File "<frozen importlib._bootstrap>", line 1176, in _find_and_load
  File "<frozen importlib._bootstrap>", line 1140, in _find_and_load_unlocked
ModuleNotFoundError: No module named 'custom_components.custom_templates.energy'
2023-11-05 11:31:45.610 ERROR (MainThread) [homeassistant.helpers.integration_platform] Unexpected error importing browser_mod/hardware.py
Traceback (most recent call last):
  File "/usr/src/homeassistant/homeassistant/helpers/integration_platform.py", line 50, in _async_process_single_integration_platform_component
    platform = integration.get_platform(platform_name)
               ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  File "/usr/src/homeassistant/homeassistant/loader.py", line 836, in get_platform
    cache[full_name] = self._import_platform(platform_name)
                       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  File "/usr/src/homeassistant/homeassistant/loader.py", line 853, in _import_platform
    return importlib.import_module(f"{self.pkg_path}.{platform_name}")
           ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  File "/usr/local/lib/python3.11/importlib/__init__.py", line 126, in import_module
    return _bootstrap._gcd_import(name[level:], package, level)
           ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  File "<frozen importlib._bootstrap>", line 1204, in _gcd_import
  File "<frozen importlib._bootstrap>", line 1176, in _find_and_load
  File "<frozen importlib._bootstrap>", line 1140, in _find_and_load_unlocked
ModuleNotFoundError: No module named 'custom_components.custom_templates.hardware'
1 Like

Hello,

I have colored hue lights in some rooms. How can I set the room card color or the light switch on the card to match the light color?

- type: custom:button-card

    template:

      - custom_card_andyblac_room

    name: Office

    icon: mdi:desk

    tap_action:

      action: navigate

      navigation_path: office

    variables:

      ulm_custom_card_andyblac_room_color: blue

      sensor_label_1: sensor.office_motion_sensor_device_temperature

      sensor_label_2: sensor.office_motion_sensor_illuminance_lux

      sensor_label_3: sensor.office_motion_sensor_battery

      entity_1:

        templates:

          - popup_light

        entity_id: light.office

        icon: "mdi:lightbulb"

        ulm_custom_card_andyblac_room_icon_color_on: yellow

      entity_2:

        templates:

          - popup_light

          - fan_animation

        entity_id: fan.office_fan

        ulm_custom_card_andyblac_room_icon_color_on: blue

      sensor_1:

        entity_id: binary_sensor.office_motion_sensor_occupancy

        icon: |

          [[[            

            if (states['binary_sensor.office_motion_sensor_occupancy'].state == 'on'){

              return "mdi:motion-sensor";

            }else

              return "mdi:motion-sensor-off";

          ]]]

Hi,

atm the card does not support the card changing color to the main entity color (I’ll look into that), but you can set the Entity icon to the color of the light.

      entity_4:
        entity_id: light.mums_bedroom_lamp
        ulm_custom_card_andyblac_room_use_light_color: true

Screenshot 2023-11-06 at 09.34.35

1 Like

I use and love your cards - especially the room cards!

Temperature and humidity are different but shows the same values…

With some entities i have some trouble to show them correctly:
grafik

Here the code:

          sensor_label_1: sensor.klima_lenja_temperature
          sensor_label_2: sensor.klima_lenja_humidity
          sensor_label_1: sensor.klima_jonathan_temperature
          sensor_label_2: sensor.klima_jonathan_humidity

The entities i use have attributes from itself and temp/hum.

Do you have any suggestion?