🌻 Lovelace UI • Minimalist

I have an issue with the bar cards since a recent update. The bars are shifted to the right.


Here is my code:

    - type: "custom:button-card"
      template: custom_card_bar_card
      variables:
        ulm_custom_card_bar_card_entity: sensor.disk_use_percent
        ulm_custom_card_bar_card_name: M2 drive
        ulm_custom_card_bar_card_value: false
        ulm_custom_card_bar_card_indicator: true
        ulm_custom_card_bar_card_color: "var(--google-blue)"
        ulm_custom_card_bar_card_min: 0
        ulm_custom_card_bar_card_max: 100

Can anyone possibly help and confirm if it is possibly to break up your view into segments?

I can trying to break out my chips separately into a ā€˜navigation’ yaml file, and then include that file. This would greatly help in reducing the code redundancy.

In, the below, I’ve coped the entire custom:mushroom-chips-card into a new navigation file, but can’t seem to the include to work correctly.

title: "Home"
path: "home"
cards:
  - type: horizontal-stack
    cards:
      #- !include navigation.yaml        
      - type: custom:mushroom-chips-card
        chips:
          - type: template
            icon: 'mdi:home'
            icon_color: 'blue'
            tap_action:
              action: navigate
              navigation_path: /ui-lovelace-minimalist/home
            
          - type: template    
            icon: 'mdi:sofa'
            icon_color: 'brown'
            tap_action:
              action: navigate
              navigation_path: /ui-lovelace-minimalist/family
            
          - type: template
            icon: 'mdi:silverware-fork-knife'
            icon_color: 'yellow'
            tap_action:
              action: navigate
              navigation_path: /ui-lovelace-minimalist/kitchen

How do you include/reference other files?

EDIT… NVM. It does work, I think I had typo somewhere, but not refreshing it does appear to work,

I’m using the minimalist-ios-tapbar theme and there is an offset relative to the bottom of the screen. I’ve tried to adjust a few of the parameters in card-mod-root-yaml, but I’m not able to move it down. Any suggestions on things to try?

It doesn’t seem like any of the changes I make under card-mod-root-yaml have any effect. I’ve reloaded themes, reloaded UI Minimalist YAML and restarted home assistant. Changes made to other theme variables are reflected.

1 Like

So will this be updated at some point then to support current versions?

I am experimenting with different cards, etc, unsure if I did something or not within my setup. But anything I do within my minimalist template will not expand accros the full view of my browser?

I’m experiment with the gid layout, and I can get this go the full width of the screen?

views: 
  - title: "family"
    path: "family"
    cards:
     -  type: custom:layout-card
        layout_type: grid
        layout:
          grid-template-columns: 1fr 1fr 1fr 1fr 1fr
          grid-template-rows: auto
          grid-template-areas: |
            "header header header header header"
            "main . . . sidebar"
            "footer footer footer footer footer"
          
        cards:
          - type: entities
            entities:
              - entity: light.ceiling_fan_1
            title: "1"
            show_header_toggle: false
            view_layout:
              grid-area: header
          - type: entities
            entities:
              - entity: light.ceiling_fan_1
            title: "2"
            show_header_toggle: false
            view_layout:
              grid-area: footer
          - type: entities
            entities:
              - entity: light.ceiling_fan_1
            title: "3"
            show_header_toggle: false
            view_layout:
              grid-area: sidebar
          - type: entities
            entities:
              - light.ceiling_fan_1
              - light.ceiling_fan_1
              - light.ceiling_fan_1
            title: "4"
            show_header_toggle: false
            view_layout:
              grid-area: main        

instead of using 1fr, you might wanna try using exact sizes in pixels if you’re using it on a specific screen

views:
  - title: DashBrew
    icon: mdi:home-assistant
    path: home
    type: custom:grid-layout
    layout:
      grid-template-columns: auto 1070px auto
      grid-template-rows: 400px 116px 270px 94px auto
      grid-template-areas: |

this is how i made it a few years ago on a 1080p wide screen, I know, very old skool but it still works perfectly :grin:

How can I change the theme colors?

I redid all the YAML for the themes and it just overwrote it after a restart, very very annoying.

Why isn’t /themes/ the source of truth here?

What is? where do I change this?

EDIT I just created another theme and merged the Noctis colors with the current theme.

I’m running the adaptive display on a pi 5. Has anyone get it to run smoothly? It seems like a bit of a dogs breakfast when it comes to speed. Sometimes its fine and sometimes to super slow. Entities updating is one thing I guess. But it also seems to just be slow sometimes.

Any tips?

I have some battery cards which used to work properly and now they don’t. What I do is to send a mobile app notification when double tapping the name of the card (using some TTS which I’m ignoring here for simplicity). Now when I double tap it it just gives me this error:

Failed to perform the action notify/mobile_app_phone_personal. not a valid value for dictionary value @ data['target']['entity_id']. Got ''

This is the simplified definition which also gives the same error:

type: custom:button-card
template: card_battery
entity: sensor.phone_personal_battery_level
variables:
  ulm_card_battery_charger_type_entity_id: sensor.phone_personal_battery_level
  ulm_card_battery_name: my phone
  ulm_name_double_tap_action: call-service
  ulm_name_double_tap_service: notify.mobile_app_phone_personal
  ulm_name_double_tap_service_data:
    message: lorem ipsum

Adding entity or entity_id within the service_data and/or within service_data/target/ doesn’t help.

I wonder if it has something to do with that HA update where now the services are called actions or not…

HA version: 2025.6.1
UILM version: v1.3.18
browsermod version: 2.4.0 (in case it matters)

Any idea?

~ EDIT ~
If I add this:

  ulm_name_double_tap_target: 'xxx'

the error changes to:

Failed to perform the action notify/mobile_app_phone_personal. not a valid value for dictionary value @ data['target']['entity_id']. Got 'xxx'

If I change it to this:

  ulm_name_double_tap_target: {},

the error is this:

Failed to perform the action notify/mobile_app_phone_personal. extra keys not allowed @ data['entity_id']

~ EDIT 2 ~
I was able to get it to work by using a script that calls the notify.*
I’m basically doing this for now:


  ulm_name_double_tap_action: call-service
  ulm_name_double_tap_service: script.phone_send_notification
  ulm_name_double_tap_target: {}
  ulm_name_double_tap_service_data:
    notify_svc: notify.mobile_app_phone_personal

Is there a way to create a drop down for an input select? I’m trying to find a decent way to do it but I just can’t find something that works. Any help appreciated.

When you show an Input Select in a dashboard, it is by it’s nature showing as a drop-down combobox. Did yoiu go into the settings and add multiple values for the dropdown choices?

Hello Sir,

I would love to know the code for the custom vaccum card.
thanks

I accidentally selected the ā€œminimalist-tapbarā€ theme for my iOS app and now I have no access to my sidebar… is there a way to restore it without uninstalling and reinstalling the app?