🌻 Lovelace UI • Minimalist

Hi. I try to use !include within my view Yaml to structure more my dashbord.

I can’t do it what is the good syntax?

  • title: “Home”
    path: “home”
    cards:

    !include “home/welcome.yaml”
    !include “home/room_menu.yaml”

lower the indentation level by one, ie. don’t indent the tile,path etc…

title: Home
icon: mdi:home-circle
path: home
cards:
  # Sidebar
  - !include sidebar.yaml

It’s not working. When I add a second !include I have an error

while parsing a block mapping in “/config/ui_lovelace_minimalist/dashboard/views/home.yaml”, line 1, column 3 expected , but found ‘’ in “/config/ui_lovelace_minimalist/dashboard/views/home.yaml”, line 5, column 5

sounds like an issue with your yaml files.

here’s is a snippet of my sidebar.yaml file

type: vertical-stack
view_layout:
  grid-area: sidebar
cards:
  - type: custom:stack-in-card
    mode: vertical
    cards:
      - type: conditional
        conditions:
          - condition: screen
            media_query: "(max-width: 767px)"
        card:
          type: custom:clock-weather-card
          entity: weather.high_croft_daily
          locale: en-GB
          date_pattern: ccc, DDD
          animated_icon: true
          hide_forecast_section: true
          use_browser_time: true
          show_decimal: true
          card_mod:
            style: |
              .card-content {
                padding-top: 0px !important;
                padding-bottom: 0px !important;
              }

Hi, for some reason popups are not working at all. When the value is set to true, nothing happens. If there is no value set, more-info will appear when the card is held. I see the same behavior for light popups and media popups so far.

  - type: grid
    columns: 2
    square: false
    cards:
      - type: "custom:button-card"
        template: card_light
        entity: light.dining_room
        variables:
          ulm_card_light_enable_popup: true
          ulm_card_light_enable_collapse: true
          ulm_card_light_enable_slider: true
          ulm_card_light_force_background_color: false
      - type: "custom:button-card"
        template: card_media_player
        entity: media_player.dining_room_home_pod
        variables:
          ulm_card_media_player_name: HomePod
          ulm_card_media_player_enable_popup: true
          ulm_card_media_player_collapsible: true
          ulm_card_media_player_enable_volume_slider: true
          ulm_card_media_player_enable_volume_controls: true

I’ve followed all the guides I could find and have confirmed that custom-actions.yaml is correct. This is not for an adaptive dashboard.

@andyblac Thanks for your help

I have been able to sort out.
I have created a new post on it.

To be honest, yaml file can be very quickly a mess. Then you could think your ui under components like recent js framework.

By creating different yaml files as components and call them within the dashboard you can reuse blocks and clarify your code.

Thanks all for your support

Where can I find information on how to override global style of minimalist?

I can’t find anything. I would like to override primary-background-color, ha-card background color …

Thanks

Look for the theme you picked in your themes folder.


I duplicate and create a new theme correct?

Add a template like -red_no_state. Scripts have no state, and that variable is looking to toggle color on/off based on the _button_state variable. You could also attach it to an input boolean, but that would introduce issues of keeping track of on/off state for something that doesn’t have a state.

- type: 'custom:button-card'
        template: 
          - card_vertical_button
          - red_no_state
        entity: script.l2_apply_scene_movie
        name: Movie
        icon: mdi:movie-open
        show_last_changed: false
        variables:
          ulm_card_vertical_button_state: On
          ulm_card_vertical_button_color: red

You can duplicate it if you want. You could also make the change directly to that file, though there is a chance it could update itself.

Ok thanks.

And I have a generic card but it could be another one. How can I override the behaviour of tap action? I try to setup on action on tap to show a custom poup but it doesn’t work everytime it does the default action. For example for light entity switch on/off.

Any ideas?

The generic card does not have a tap action, it only displays information. You would have to use a different card that is more suitable to your needs, but I’m not sure what you are trying to use as the main entity.

But the scripts card can be used to perform arbitrary actions. But for light entities I would use the light card and just enable popups.

Hello, is there a way to show the last change of an entity instead of the value on the generic swap card?

Hello, I am trying to add confirmation to a button, but this only works on the outermost part of the button, not on the icon or name. How can I make this work on the entire button? Thanks.

- type: "custom:button-card"
  template: card_power_outlet
  variables:
    ulm_card_power_outlet_name: NAS
    ulm_card_power_outlet_icon: "mdi:nas"
  entity: switch.nas
  confirmation:
    text: Are you sure you want to press this button?

Hi all,

I created a view strategy to automate my devices card.

it works very well. But everytime I change something in my js code I need to refresh chrome and remove cache.

it works well. And on my desktop I have this:

However, in my mobile app I can’t refresh the dashboard and it keeps the first test I did. It keeps all in cache. I tried to empty cache of the app but nothing has changed.

is there a way to remove it and get the latest version?

Mobile view:

Thanks

Ok I finally found the issue if you accede remotely and your website depends on cloudflare. You should remove cache on the cloudflare by creating caching rule bypass cache.

It works perfectly after

Hey @PierreJDot

Try with show_last_changed: true

Hej @Patrick1610

I would like to help you. Unfortunately, I don’t understand where you want to make the change. I do not have a climate entity available.

Can you tell me in more detail where you want to make the change?

Hi @Patrick1610

Can you give an example of this? Would you like to set a status using a drop-down list or how should I imagine this?