🌻 Lovelace UI • Minimalist

Great tips thanks. Unfortunately the issue persists. Restarted, incognito browser, etc. I’ve even tried redownloading the integration and various mods.

I’m wondering if it’s an issue introduced with the most recent HA update. 2022.6?

1 Like

Your first suggestion was correct. My profile had changed and wasn’t set correctly! Thanks!

I’ve used the browser-mod popup function on a icon-label custom button card in which i’ve included the buienradar forecast image:

  - type: "custom:button-card"
	template: chip_icon_label
	icon: mdi:weather-pouring
	label: "Buienradar"
	tap_action:
	  action: fire-dom-event
	  browser_mod:
		title: Weer-popup
		hide_header: true
		command: popup
		style:
		  width: 100%
		  $: |
			.mdc-dialog .mdc-dialog__container .mdc-dialog__surface {
			  box-shadow:none;
			}
		  .: |
			:host {
			  --mdc-theme-surface: rgba(0,0,0,0); 
			  --secondary-background-color: rgba(0,0,0,0);
			  --mdc-dialog-scrim-color: rgba(0,0,0,0.3);
			}
			mwc-icon-button {
			  color: #FFF;
			}
		card:
		  type: vertical-stack
		  cards:
			- type: weather-forecast
			  entity: weather.huis
			- type: picture-entity
			  entity: camera.buienradar
			  show_state: false
			  show_name: false
			  tap_action:
				action: none
			  hold_action:
				action: none
			- type: custom:button-card
			  color: rgba(1,1,1,0)
			  icon: mdi:close-circle-outline
			  show_name: false
			  name: Sluiten
			  color_type: card
			  styles:
				card:
				  - height: 70px
				  - box-shadow: 0px 0px 0px 0px
			  tap_action:
				action: call-service
				service: browser_mod.close_popup
1 Like

Thanks man

I seem to be having an issue where sometimes the some cards won’t populate (typically light & cover cards).

It sometimes happens when on WiFi and then works when turning WiFi off. Sometimes clearing the cache works but neither of these are 100% reliable.

Added some pictures to illustrate. They are minutes apart, no yaml changes and only difference is the WiFi state.

Anyone else with this issue? Or an idea of the potential problem/fix?

When OK:

When not populating:

Can someone help me in creating a view with only entities which have battery attribute in it. I started to use auto-entities but I get an empty page:

title: "Batteries"
path: "Batteries"
icon: "mdi:battery-charging"
type: "custom:auto-entities"
card:
  type: entities
  attribute: battery
  unit_of_measurement: "%"
filter:
  include:
  - attributes:
    battery: "<=100"

Here i’ve used the fold-entity-row with the card_battery template and have used the auto-entities to show only the batteries of motion sensors

      - type:  "custom:fold-entity-row"
        head:
          type: section
          label: Motion Sensor Batteries
        items:
          - type: "custom:auto-entities"
            card:
              type: "grid"
              columns: 3
              square: false
            card_param: "cards"
            sort:
              count: 12
              numberic: True
            filter:
              include:
                - name: "*Motion*"
                  attributes:
                    unit_of_measurement: "%"
                    device_class: "battery"
                  options:
                    type: "custom:button-card"
                    template: "card_battery"
                    variables:
                      ulm_card_battery_battery_state_entity_id: "this.entity_id"
                      ulm_card_battery_battery_level_danger: 30
                      ulm_card_battery_battery_level_warning: 70

3 Likes

It’s just a formatting issue. It should look like this:

  - title: Batteries
    path: batteries
    icon: "mdi:battery-charging"
    cards:
    - type: "custom:auto-entities"
      card:
        type: entities
      filter:
        include:
        - attributes:
            battery: "<=100"

Is there something like this that can be applied to a template? Trying to figure out how many switches are actually drawing power, as they’re mostly always on the ‘on’ state doesn’t have much value to me.

Never mind solved it with Node-Red.

Is anyone able to help with my Desktop version of this? On my phone it is absolutely perfect. On my desktop it looks a bit weird. Now I am still new to all this so this maybe purely how it is designed to be used. Eventually I want to have this on an iPad you see but still occasional connect from desktop. It’s no biggy as everything works just wodnering if there was an easy fix withour creating 2 seperate dashboard :slight_smile: Obviously my rooms title then all rooms should be listed under that and not some in the middle, some right and left etc!

Thanks

you need vertical-stacks :slight_smile: this is how I’ve done mine

type: vertical-stack
cards:
  - type: custom:button-card
    template: custom_card_heat_pump
    entity: climate.home_ac
  - type: custom:button-card
    template: card_input_number
    entity: input_number.target_temperature
  - type: horizontal-stack
    cards:
      - type: custom:button-card
        template: card_generic
        entity: input_select.room
      - type: custom:button-card
        template: card_input_boolean
        entity: input_boolean.climate_control
        name: Climate Control
  - type: custom:button-card
    template: card_title
    name: Living Room
  - type: horizontal-stack
    cards:
    - type: custom:button-card
      template:  card_graph
      variables:
        ulm_card_graph_entity: sensor.living_room_temperature
        ulm_card_graph_color: "#fcad03"
        ulm_card_graph_name: Temperature
    - type: custom:button-card
      template: card_graph
      variables:
        ulm_card_graph_entity: sensor.living_room_humidity
        ulm_card_graph_name: Humidity
...
...
...

this results in the following layout

1 Like

Can you share the background image you used for this card? Might use the same for my home office :slight_smile:

You can find some inspiration here:

Hello guys, I have a question about the custom-bar card made by @rphlwnk

In the screenshot posted on the MinimalistUI Page i see the bar without the top radius:

screenshot_bar_card

Mine isn’t the same:

2022-06-08_09-57-10_167

Do you have some suggestion to fix it?

Thank you!

EDIT: I have already found the solution.
If anyone want the same result, I had to add the following style to the “item2” (on the template):

style: |-
  bar-card-currentbar {
    border-radius: 0px;
  }
    
  bar-card-backgroundbar {
    border-radius: 0px;
  }
3 Likes

Need some help! I had the custom_card_person_info installed and had it on my home page and all was displaying fine. My Mrs works form home so I copied the custom_card_person_info and the custom_card_person_info.yaml file and created versions called custom_card_person_info2 and custom_card_person_info2 - In there I went about editing the template so it showed how many steps she had done that day instead, if more then 8000 then it goes green if less than it’s read. I changed the sensor to be her step count from her garmin watch.

What this did was then somehow change my commute time to say 32 steps instead of 32mins. So I went back into the main custom_card_person_info and made sure it still said mins and it did. So I restarted HAS, cleared my browser cache, and it’s still the same.

So I delted both custom_card_person_info and custom_card_person_info2 folders and went back to using a normal person card. Which now shows normal.

However on my “mobile devices” dashboard it is still pulling the info for the _info version of the person card? As said I fully removed both folders under the custom_cards section? Where on earth is it pulling this data from now or template should I say? As said, numberous restarts, new browsers and cleared chace multiple times, restart UI Lovelave in dev section?

I am stumped?


This shows no custom cards for the _info version.


This shows my normal person card on my home page.


Then this is my mobile devices page somehow still pulling formatting from the person_card_info template even though as above it doesn’t excist?

If I change my home page ones from card+person to card_person_info it looks the same as the last screenshot? How is this possible when I have fully removed the yaml and folders from custom cards?

Try checking the following directory custom_components/ui_lovelace_minimalist/__ui_minimalist__/ulm_templates/custom_cards
For the old custom_card.

This is the directory to which all custom cards are copied over. It only gets reset after re-downloading/updating from HACS.

1 Like

Ahhh you legend this is perfect! I managed to find the stray folders and files in that directory and deleted and it works a treat! Thanks mate!

I have probably a really dumb question, but how does this work in the esh-welcome card?

  entity_2:
    nav: "lights"
    icon: "mdi:lightbulb"
    name: "Lights"
    color: "yellow"

If i want to click on lights and get a page to show up, how is that done?

In the example above you need to do three things:

  1. create ui-lovelace-minimalist/dashboard/views/lights.yaml and fill it with the cards you want
  2. make sure you include lights.yaml in your ui-lovelace.yaml file like this:
views:
  - !include views/lights.yaml
  1. Refresh your dashboard

Have been using mushroom for a while, and started converting to minimalist.
One of the things i´m noticed is the controll of the slider on the lights.

In minimalist you can only press on points, while on mushroom i can pull the slider until i get it where i want.

Is there any settings i´m missing here?
Attached example of mushroom
slider_mushroom