šŸŒ» Lovelace UI ā€¢ Minimalist

Hey guys, I just installed this theme/dashboard, but the cards in my dashboard seem a little bit odd in my cellphone, there are no colors and all of the borders are visible

What could possibly be wrong?

mb not the right theme?
looks like default theme

Thatā€™s it. My home assistant app theme was set to the default theme.

Thanks.

its the same like views:

views: 
   - !include views/home.yaml

Hi!

I would like to use some custom-cards from this theme in my old standard lovelace dashboard.

Is there an easy way to do it?

how can i use the simple-thermostat in the UIM?
How can i use other Plugin from HACS ?

Plugin Link here in the board: Lovelace: Simple thermostat card

Error: Custom element doesnā€™t exist: simple-thermostat.

yaml code:

  - type: horizontal-stack
    cards:
      - type: "custom:simple-thermostat"
        entity: climate.mainhallway_hmipbwth_thermostat

I think he has a problem with the type: type: "custom:simple-thermostat"
he searching in the folder: ui_lovelace_minimalist/custom_cards/

Thanks

after i reload the hacs plugin in store, it works fine :crossed_fingers: :clap:

Iā€™m trying to get a popup from an entity on the card_room template. Code used below for ulm_custom_popup works fine on a card_power_outlet, but not on card_room. The popup action seems to be triggered, but the popup itself doesnā€™t show. Any idea what Iā€™m doing wrong here?

      - type: custom:button-card
        template:
          - card_room
        name: Logeerkamer
        entity: sensor.logeerkamer_temperature
        icon: mdi:bed
        variables:
          label_use_temperature: true
          label_use_brightness: false
          entity_1:
            entity_id: light.lidl_color_light_m1
            tap_action:
              action: popup
            ulm_custom_popup:
              template: popup_power_outlet_stats
              entity: switch.shellyplug_media
              popup_variables:
                ulm_popup_power_outlet_sensor1: sensor.shellyplug_media_energy
                ulm_popup_power_outlet_sensor2: sensor.shellyplug_media_power
                ulm_popup_power_outlet_graph_sensor: sensor.shellyplug_media_energy
                ulm_popup_power_outlet_entity: switch.shellyplug_media

Other question: is there a way to call a custom popup for instance by calling a service?

Ah, so then you would lose the merging function?

yes, the right way like this:

views:
  - !include views/folder/file1.yaml
  - !include views/folder/file2.yaml

I use browser mod for popups. They work perfectly.
you can then use another yaml to put cards in the popup.

e.g.:
I have a button card for my desk which has a double switch:
image
This is still a WIP, but the basic worksā€¦

The code for this button is:

      - type: 'custom:button-card'
        template:
          - card_esh_room
        name: Office M
        entity: switch.office_m
        tap_action:
          action: fire-dom-event
          browser_mod:
            service: browser_mod.popup
            data:
              title: "Office M"
              content: !include 'repeaters/multi-switch.yaml'

On hold it will show me a popup:
image

All thatā€™s in the ā€œmulti-switch.yamlā€ is:

type: custom:stack-in-card
cards:
  # ENTERTAINMENT AREA #
  - type: entities
    entities:
      - entity: 'switch.office_m'
        name: "Entertainment Area"
        icon: mdi:television-speaker
    card_mod:
      style: |
        ha-card {
            margin: 0em 1em 0em 1em;
          }
  - type: entities
    entities:
      - entity: 'switch.office_m_socket_socket_1'
        name: "Desktop"
        icon: mdi:desktop-tower
      - type: divider
      - entity: 'switch.office_m_socket_socket_2'
        name: "Rest"
        icon: mdi:speaker
    card_mod:
      style: |
        ha-card {
            background: var(--secondary-background-color) !important;
            border-radius: 1em !important;
            box-shadow: 0 5px 5px -3px rgba(0,0,0,.5) !important;
            margin: 1em;
          }
1 Like

But then youā€™ll get a huge list of template includes, rather than just importing the folders and merging the files together.
For me that takes away from the ā€œautomationā€ partā€¦

Also, the include for the button_card_templates (as it is now) is the correct way of importing them as stated hereā€¦

Iā€™m just trying to figure out how to add my own templates as well, by including another folder :slight_smile:

Just put your own templates into the minimalist custom cards folder and than the integration will handle it all for you :wink:

giphy

Somehow I didnā€™t realise that these are also templatesā€¦
Thanks!

Hello! I hope itā€™s ok to ask what I would need to do if I just wanted to create the fabulous room card? The whole minimalist ā€œthemeā€ is a bit too much for me but I would really love be having the room card!

Iā€™m struggling with the same issue. I would like get a popup when holding a light entity on the Room card. Iā€™ve tried use the custom popup as you did. I also tried to copy the Fire-dom-event from the popup template. Without any luck.

Any ideas?

iam trying to create card with this code:
service: google_assistant_sdk.send_text_command
data:
command: ā€œmessage: turn on bedroom heaterā€

can someone help me how to just put it into Just on\off button card? I donā€™t succeed to make from it a card

heya! Iā€™m not much of an expert but I think you need to remove the ā€œmessage:ā€ part and just leave the command ā€œturn on bedrom heaterā€.

Also, check the Google Assistant SDK integration page: Google Assistant SDK - Home Assistant

Later edit, maybe give this a go:

type: button
name: Heater ON
show_state: true
tap_action:
  action: call-service
  service: google_assistant_sdk.send_text_command
  data:
    command: "turn on bedroom heater"

Figured it out.

The entities on the room card get the standard elements of tap_action passed. Implemented elements as per custom:button_card and the implementation in the room card are:

    action: "[[[ return variables?.tap_action?.action ? variables.tap_action.action : 'none'; ]]]"
    entity: "[[[ return variables.tap_action.entity; ]]]"
    navigation_path: "[[[ return variables.tap_action.navigation_path; ]]]"
    url_path: "[[[ return variables.tap_action.url_path; ]]]"
    service: "[[[ return variables.tap_action.service; ]]]"
    service_data: "[[[ return variables.tap_action.service_data; ]]]"

The browser_mod requires a few different elements, browser_mod and data.
As these are not implemented, the tap_action doesnā€™t do anything.

In card_room.yaml these lines need to be added under widget_icon_room tap_action and hold_action
End result is then like this:

  tap_action:
    action: "[[[ return variables?.tap_action?.action ? variables.tap_action.action : 'none'; ]]]"
    entity: "[[[ return variables.tap_action.entity; ]]]"
    navigation_path: "[[[ return variables.tap_action.navigation_path; ]]]"
    url_path: "[[[ return variables.tap_action.url_path; ]]]"
    browser_mod: "[[[ return variables.tap_action.browser_mod; ]]]"
    service: "[[[ return variables.tap_action.service; ]]]"
    service_data: "[[[ return variables.tap_action.service_data; ]]]"
    data: "[[[ return variables.tap_action.data; ]]]"
  hold_action:
    action: "[[[ return variables?.hold_action?.action ? variables.hold_action.action : 'none'; ]]]"
    entity: "[[[ return variables.hold_action.entity; ]]]"
    navigation_path: "[[[ return variables.hold_action.navigation_path; ]]]"
    url_path: "[[[ return variables.hold_action.url_path; ]]]"
    browser_mod: "[[[ return variables.hold_action.browser_mod; ]]]"
    service: "[[[ return variables.hold_action.service; ]]]"
    service_data: "[[[ return variables.hold_action.service_data; ]]]"
    data: "[[[ return variables.hold_action.data; ]]]"

It works for me, not sure if it works in all situations.
Iā€™ll see if I can create a pull request for this.

1 Like

working thanks! :crown:
how can I change the picture?
how can I make get indication if its on or off like in google home?