Hi,
if you try my v2 card it should now support UI Minimalist popup templates like
# 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
get from my github
Thanks so much, it seems to work.
Now I will try to test it and understand how to adapt it by reading your github carefully.
you can also do custom popupās in my cards (latest from dev branch), look at my instructions here
Hello there!
Anyone knows how to remove the space between the different grids? I would also like to remove the grey borders that overlap in the entities (like in the circadian entities) do you how can i do that?
Thanks in advance!
---
button_card_templates: !include_dir_merge_named "../../custom_components/ui_lovelace_minimalist/__ui_minimalist__/ulm_templates/"
title: "UI Lovelace Minimalist"
theme: "minimalist-desktop"
background: "var(--background-image)"
# views: !include_dir_merge_list "views/"
views:
- title: "Home"
path: 0
icon: "mdi:home-variant"
cards:
- type: "vertical-stack"
cards:
- type: "custom:button-card"
template: card_weather
entity: weather.casa
variables:
ulm_card_weather_name: " "
ulm_card_weather_primary_info:
- wind_speed
- precipitation_probability
ulm_card_weather_backdrop:
fade: true
- type: grid
columns: 3
cards:
- type: "custom:button-card"
template: card_light
entity: light.bedroom_2
variables:
ulm_card_light_enable_slider: true
ulm_card_light_enable_color: true
ulm_card_light_force_background_color: true
- type: "custom:button-card"
template: card_light
entity: light.office_2
variables:
ulm_card_light_enable_slider: true
ulm_card_light_enable_color: true
ulm_card_light_force_background_color: true
- type: "custom:button-card"
try and add this repository to HACS and install it GitHub - AnthonMS/my-cards: Bundle of my custom Lovelace cards for Home Assistant. Includes: my-slider, my-slider-v2, my-button
thx
I donāt know how but I missed it in the config file
- url: /hacsfiles/my-cards/my-cards.js
type: module
np, glad you got it working.
Iāve got an odd issue Iāve not seen anywhere yet. Iāve had my room cars setup on my home dashboard for a few months and a few devices connected over zha, well I made the switch yesterday to z2mqtt and now the device temperatures on the room card are showing in celsius rather than the Fahrenheit that my system is set to. If I click on the device it is showing the correct numbers through the graph card.
I found quite a few issues with the default room card, this is why i modified it. try it should work fine.
if you need any help ask over there Iāll do my best to help you out.
Hello, has anyone encountered my problem? The popup cards donāt stop on the right side of the screenā¦ I have no idea why, I followed the steps on the official page.
The dash is under construction, so I made some tests with some cards.
Here is my main yaml file
---
type: "custom:layout-card"
layout_type: "custom:grid-layout"
layout:
# Tablet portrait
grid-template-columns: "1fr 1fr 1fr 1fr 1fr 1fr"
grid-template-areas: |
"text text text weather weather weather"
"welcome welcome welcome welcome welcome welcome"
"title1 title1 title1 title1 title1 title1"
"card1 card1 card2 card2 card3 card3"
"title2 title2 title2 title2 title2 title2"
"card4 card4 card5 card5 card6 card6"
mediaquery:
# Mobile
"(max-width: 800px)":
grid-template-columns: "1fr 1fr"
grid-template-areas: |
"welcome welcome"
"person person"
"title1 title1"
"card1 card2"
"card3 card4"
"title2 title2"
"card5 card6"
"card7 card8"
view_layout:
grid-area: "main"
cards:
- view_layout:
grid-area: "text"
type: "custom:button-card"
template: "card_title"
name: "This is the adaptive <br>dashboard provided by <br> UI Minimalist"
label: "Find instructions to add <br> cards on the wiki"
- view_layout:
grid-area: "weather"
type: "custom:button-card"
template: card_weather
entity: weather.home_2
variables:
ulm_card_weather_name: "Lugoj"
ulm_card_weather_primary_info:
- wind_speed
- precipitation_probability
ulm_card_weather_backdrop:
fade: true
- view_layout:
grid-area: "welcome"
type: "custom:button-card"
template: "card_esh_welcome"
triggers_update: "input_boolean.test_card"
variables:
ulm_card_esh_welcome_collapse: input_boolean.test_card
ulm_weather: "weather.home_2"
entity_1:
nav: "house"
icon: "mdi:home"
name: "House"
color: "blue"
entity_2:
nav: "lights"
icon: "mdi:lightbulb"
name: "Lights"
color: "yellow"
entity_3:
nav: "security"
icon: "mdi:shield"
name: Secure
color: "green"
entity_4:
nav: "network"
icon: "mdi:nas"
name: Lab
color: "purple"
entity_5:
nav: "network"
icon: "mdi:flask"
name: Lab
color: "red"
- view_layout:
grid-area: "title1"
type: "custom:button-card"
template: card_light
entity: light.hall
variables:
ulm_card_light_enable_slider: true
ulm_card_light_enable_color: true
ulm_card_light_force_background_color: true
ulm_input_select_option: light 1
ulm_input_select: input_select.minimalist_ui_switch
- view_layout:
grid-area: "title2"
type: "custom:button-card"
template: card_media_player
entity: media_player.spotify_cosmin
variables:
ulm_card_media_player_name : Livingroom Nvidia Shield
ulm_input_select_option: mediaplayer 1
ulm_input_select: input_select.minimalist_ui_switch
- view_layout:
grid-area: "card1"
type: "custom:button-card"
template: card_thermostat
entity: climate.salus_thermostat
variables:
ulm_card_thermostat_enable_collapse: true
ulm_card_thermostat_enable_controls: true
ulm_card_thermostat_enable_hvac_modes: true
ulm_card_thermostat_enable_popup: true
ulm_input_select_option: climate 1
ulm_input_select: input_select.minimalist_ui_switch
- view_layout:
grid-area: "card2"
type: "custom:button-card"
template: "card_title"
name: "Put here your <br> second card"
label: "grid-area: card2"
- view_layout:
grid-area: "card3"
type: "custom:button-card"
template: "card_title"
name: "Put here your <br> third card"
label: "grid-area: card3"
- view_layout:
grid-area: "card4"
type: "custom:button-card"
template: "card_title"
name: "Put here your <br> fourth card"
label: "grid-area: card4"
- view_layout:
grid-area: "card5"
type: "custom:button-card"
template: "card_title"
name: "Put here your <br> fifth card"
label: "grid-area: card5"
- view_layout:
grid-area: "card6"
type: "custom:button-card"
template: "card_title"
name: "Put here your <br> sixth card"
label: "grid-area: card6"
And Here is the popup file
---
type: custom:state-switch
view_layout:
grid-area: popup
show:
mediaquery: "(min-width: 1100px)"
entity: input_select.minimalist_ui_switch
default: "default"
transition: "slide-down"
transition_time: 500
# options set in the input_select
states:
# Devices
## Lights
light 1:
type: "custom:button-card"
template:
- card_light
entity: light.hall
variables:
ulm_card_light_enable_popup: true
ulm_card_light_color_palette: select.wled_color_palette
# light 2:
# type: "custom:button-card"
# template: "popup_light_brightness"
# entity: <your_entity>
# light 3:
# type: "custom:button-card"
# template: "popup_light_brightness"
# entity: <your_entity>
# light 4:
# type: "custom:button-card"
# template: "popup_light_brightness"
# entity: <your_entity>
# light 5:
# type: "custom:button-card"
# template: "popup_light_brightness"
# entity: <your_entity>
# light 6:
# type: "custom:button-card"
# template: "popup_light_brightness"
# entity: <your_entity>
# light 7:
# type: "custom:button-card"
# template: "popup_light_brightness"
# entity: <your_entity>
# light 8:
# type: "custom:button-card"
# template: "popup_light_brightness"
# entity: <your_entity>
# light 9:
# type: "custom:button-card"
# template: "popup_light_brightness"
# entity: <your_entity>
# light 10:
# type: "custom:button-card"
# template: "popup_light_brightness"
# entity: <your_entity>
#
### Mediaplayers
mediaplayer 1:
type: "custom:button-card"
template: "popup_media_player_infos"
entity: media_player.spotify_cosmin
# mediaplayer 2:
# type: "custom:button-card"
# template: "popup_media_player_infos"
# entity: <your_entity>
# mediaplayer 3:
# type: "custom:button-card"
# template: "popup_media_player_infos"
# entity: <your_entity>
# mediaplayer 4:
# type: "custom:button-card"
# template: "popup_media_player_infos"
# entity: <your_entity>
# mediaplayer 5:
# type: "custom:button-card"
# template: "popup_media_player_infos"
# entity: <your_entity>
#
### Thermostats
climate 1:
type: "custom:button-card"
template: "popup_thermostat_temperature"
entity: climate.salus_thermostat
# climate 2:
# type: "custom:button-card"
# template: "popup_thermostat_temperature"
# entity: <your_entity>
# climate 3:
# type: "custom:button-card"
# template: "popup_thermostat_temperature"
# entity: <your_entity>
# climate 4:
# type: "custom:button-card"
# template: "popup_thermostat_temperature"
# entity: <your_entity>
# climate 5:
# type: "custom:button-card"
# template: "popup_thermostat_temperature"
# entity: <your_entity>
#
### Power
# power 1:
# type: "custom:button-card"
# template: "popup_power_outlet_stats"
# entity: <your_entity>
# variables:
# ulm_popup_power_outlet_sensor1:
# ulm_popup_power_outlet_sensor2:
# ulm_popup_power_outlet_graph_sensor:
# power 2:
# type: "custom:button-card"
# template: "popup_power_outlet_stats"
# entity: <your_entity>
# variables:
# ulm_popup_power_outlet_sensor1:
# ulm_popup_power_outlet_sensor2:
# ulm_popup_power_outlet_graph_sensor:
# power 3:
# type: "custom:button-card"
# template: "popup_power_outlet_stats"
# entity: <your_entity>
# variables:
# ulm_popup_power_outlet_sensor1:
# ulm_popup_power_outlet_sensor2:
# ulm_popup_power_outlet_graph_sensor:
# power 4:
# type: "custom:button-card"
# template: "popup_power_outlet_stats"
# entity: <your_entity>
# variables:
# ulm_popup_power_outlet_sensor1:
# ulm_popup_power_outlet_sensor2:
# ulm_popup_power_outlet_graph_sensor:
# power 5:
# type: "custom:button-card"
# template: "popup_power_outlet_stats"
# entity: <your_entity>
# variables:
# ulm_popup_power_outlet_sensor1:
# ulm_popup_power_outlet_sensor2:
# ulm_popup_power_outlet_graph_sensor:
## Rooms
livingroom: !include "../views/livingroom.yaml"
# bedroom: !include "../views/bedroom.yaml"
# bathroom: !include "../views/bathroom.yaml"
# garage: !include "../views/garage.yaml"
# lights: !include "../views/lights.yaml"
This actually didnāt correct the issue like was hoping it would. Iām not sure where the issue lies
If you edit the entity and look at Unit of Measurement whats it set to ?
also, try changing this from your FĖ to CĖ, and then back again make sure the click box is set for Update the unit of all sensors
Double check if you have version 1.9.3 of state-switch instead of 1.9.5 
(also mentioned in the documentation)
You need to change the theme on your phone to UI ā¢ Minimalist
Oh, it seems that I skipped the info with the correct version of state-switch. I downgraded and now it is working. Thank you.
Hi, did you find a solution?
or can anybody else help setting up a vertical button card?
in my case I want to use it for the waste collection entities.
I tried to use either the vertical_buttons or the card_vertical_button templates but the problem is that there is no entity ID or the state is missing. neither for light nor for sensor entities I canāt figure out how to show both of themā¦
only thing whatās working is to use the custom_card_paddy_waste_collection template, but not as a vertical buttonā¦
would be great if someone could help!
many thanks
Just add the state to the label field:
type: custom:button-card
template: card_vertical_button
entity: sensor.bio
label: "[[[ return entity.state; ]]]"
Amazing, that worked pretty well!
only thing I had to add was the name.
name: Bio
Is it possible toā¦, ehmā¦ possible is nearly everything 
but how can I change the colors for the icons?
I used a template set for the upper cards, but this isnāt working
best thing would be to use the styling from the scenes card but couldnāt change the setup yetā¦
think that would be a good idea for a custom card with something like fading colors when value_days_to = 1 or 2 or indicator or somethingā¦
thanks for any helpš
