Hey! Awesome! Would you mind sharing your current config? Link is brokenā¦
UI-MInimalist - with YoLink Alarm KeyFob
I have the YoLInk Alarm KeyFob and the button presses can be sent to HA, which I would like to use to have small bulbs or indicators on the top of my ui-minimalist display which would be green/red/yellow etc depending upon the status of the alarm that is set by the keyfob. Is there such an item or card for UI-Minimalist?
Hey andyblac, thank-you for sharing.
Does anyone know why I would get the below error? This is when i set:
variables:
ulm_card_room_label_use_temperature: true
Fine when set to false. I have refresh UI in dev tools and via service, etc. I seem to have some issues with variables when using custom cards from time to time. user error I am sure, must be missing something! Tried to search through and couldnāt find a solution.
Thanks all!
have you also set either the entity or temperature_entity to the sensor, please post the full yaml section for that card, and iāll have a look.
hereās the latest version download
hereās an example of one of mine.
- type: custom:button-card
template:
- custom_card_andyblac_room
- green_no_state
name: Front Garden
icon: mdi:flower
tap_action:
action: navigate
navigation_path: front-garden
variables:
ulm_card_room_label_use_temperature: true
ulm_card_room_label_use_humidity: true
ulm_card_room_label_use_illuminance: true
temperature_entity: sensor.front_garden_motion_sensor_temperature
humidity_entity: sensor.front_garden_soil_sensor_humidity
illuminance_entity: sensor.back_garden_motion_sensor_illuminance_lux
sensor_1:
entity_id: binary_sensor.front_door
ulm_card_room_sensor_color: green
sensor_2:
entity_id: binary_sensor.front_garden_motion_sensor_occupancy
ulm_card_room_sensor_color: green
sensor_3:
entity_id: switch.front_garden_water_control
ulm_card_room_sensor_color: green
entity_3:
entity_id: light.front_garden_light
templates:
- yellow_on
tap_action:
action: toggle
if only using 1 room sensor (temp / humidity / lux) then you can just use something like this:
- type: custom:button-card
template:
- custom_card_andyblac_room
- green_no_state
name: Front Garden
icon: mdi:flower
entity: sensor.front_garden_motion_sensor_temperature
tap_action:
action: navigate
navigation_path: front-garden
variables:
ulm_card_room_label_use_temperature: true
Hi, could you please share your config again? Link is broken.
Hey thanks for the reply Andy! Apologies for taking a bit to respond.
I had a look through my yaml and I canāt see anything different (likely me missing something obvious), tried the updated custom_card you linked too.
Below is my config for this card:
- type: "custom:button-card"
template:
- custom_card_andyblac_room
- yellow_no_state
name: Living
icon: mdi:sofa
tap_action:
action: navigate
navigation_path: "living"
variables:
ulm_card_room_label_use_temperature: false
ulm_card_room_label_use_humidity: false
temperature_entity: sensor.thermostat_group
humidity_entity: sensor.lounge_humidity
sensor_1:
entity_id: media_player.lounge_tv
ulm_card_room_sensor_color: yellow
sensor_2:
entity_id: binary_sensor.motion2_motion
ulm_card_room_sensor_color: yellow
sensor_3:
entity_id: cover.garage_door
ulm_card_room_sensor_color: yellow
sensor_4:
entity_id: light.hall
ulm_card_room_sensor_color: yellow
entity_1:
entity_id: light.living_light_group
templates:
- yellow_on
tap_action:
action: toggle
entity_2:
entity_id: light.living_room
templates:
- yellow_on
tap_action:
action: toggle
entity_3:
entity_id: light.dining_light
templates:
- yellow_on
tap_action:
action: toggle
entity_4:
entity_id: light.kitchen_light
templates:
- yellow_on
tap_action:
action: toggle
entity_5:
entity_id: light.hall
templates:
- yellow_on
tap_action:
action: toggle
When I set either the ulm_card_room_label_use_temperature or humidity to true, I get the error. Tried all the usual clearing cache, reloading theme, etc. Works great without the label, really happy with it thank-you!
Sorry for late reply, dint get a notification of your reply.
You will need to edit the
custom_card_esh_welcome.yaml
towards the end of the code replace the items with 3 instead of original two you can obviously choose what entities you want as per your preference.
custom_fields:
item1:
card:
type: "custom:button-card"
template: chip_temperature_ash
variables:
ulm_chip_temperature_weather: weather.openweathermap
tap_action:
action: "more-info"
entity: "[[[ return variables.ulm_weather]]]"
styles:
card:
- width: "100px"
- box-shadow: >
[[[
if (hass.themes.darkMode){
return "0px 2px 4px 0px rgba(0,0,0,0.80)";
} else {
return "var(--box-shadow)";
}
]]]
- "--mdc-ripple-press-opacity": 0.12 # allow click animation
item2:
card:
type: "custom:button-card"
template: chip_alarm_ash
entity: alarm_control_panel.homebase_2
tap_action:
action: "navigate"
navigation_path: "/ui-lovelace-minimalist/secure"
styles:
card:
- width: "100px"
- box-shadow: >
[[[
if (hass.themes.darkMode){
return "0px 2px 4px 0px rgba(0,0,0,0.80)";
} else {
return "var(--box-shadow)";
}
]]]
- "--mdc-ripple-press-opacity": 0.12 # allow click animation
item3:
card:
type: "custom:button-card"
template: "custom_chip_group_counter"
entity: "light.all"
variables:
ulm_custom_chip_group_counter_entities_active: "sensor.lights_on"
tap_action:
action: "navigate"
navigation_path: "/ui-lovelace-minimalist/lights"
styles:
card:
- width: "100px"
- box-shadow: >
[[[
if (hass.themes.darkMode){
return "0px 2px 4px 0px rgba(0,0,0,0.80)";
} else {
return "var(--box-shadow)";
}
]]]
- "--mdc-ripple-press-opacity": 0.12 # allow click animation
Once you have edited the yaml. developer tools> click all the way down UI minimalist UI to refresh these changes > refresh your minimalist ui to see the changes!
Iām just wondering, is there some other Lovelace theme which could be fully applied to Minimalist UI?
I mean, I know that Minimalist UI is already a āthemeā (but not ordinary one). I like whole concept of creating beautiful dashboards in YAML, and this is the power of Minimalist UI. But if you go to Profile > Select Theme, there are 4 themes which comes with Minimalist UI - minimalist-desktop, minimalist-ios-tapbar, minimalist-mobile and minimalist-mobile-tapbar. These 4 themes were made for Minimalist UI and these 4 perfectly fit. If I try to apply some other theme, e.g. Graphite (I much like Graphite theme), it doesnāt fit in full to Minimalist UI dashboards, and there are always some parts missing (sliders, colors, etc.). Example, Graphite left aka first, minimalist-desktop right aka second:
This is the case with all other themes I tried before. Not that I donāt like minimalist-desktop theme, but from time to time I would like to change it little bit, so Iām just wondering are there some Lovelace themes which would fully fit to Minimalist UI?
1 Like
Hi every one,
I just found this thread and Iām trying to make some views. I have a question, I would like to put my lights under the title this way:
But my lights are placed this way:
Can you tell me what I need to change in my code (below):
##################################################################################
# #
# Page Salon #
# #
# #
##################################################################################
##################################################################################
# Navigation #
##################################################################################
- title: "Equipements Salon"
path: 0
icon: "mdi:sofa"
cards:
- type: "horizontal-stack"
cards:
- type: "custom:button-card"
template: chip_back
- type: "custom:button-card"
color_type: blank-card
##################################################################################
# Titre #
##################################################################################
- type: "vertical-stack"
cards:
- type: 'custom:button-card'
template: card_title
name: Equipements Salon
label: 'Subtitle'
- type: "horizontal-stack"
cards:
- type: 'custom:button-card'
template: card_light
entity: light.ikea_of_sweden_tradfri_bulb_e27_ww_806lm_light_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.ikea_of_sweden_tradfri_bulb_e27_ww_806lm_light_2
variables:
ulm_card_light_enable_slider : true
ulm_card_light_enable_color: true
ulm_card_light_force_background_color: true
Thanks, sorry for the stupid question
It works thks
I am trying to configure the adaptive dashboard and I am having a problem with the popup not showing.
The default in popup.yaml doesnāt display anything in the popup area with Button Card v4.1.1 installed via HACS:
states:
light 1:
type: "custom:button-card"
template: "popup_light_brightness"
entity: "light.master_bedroom_bedside_lights"
On the other hand, this does work:
states:
light 1:
type: "custom:light-entity-card"
template: "popup_light_brightness"
entity: "light.master_bedroom_bedside_lights"
Any thoughts on why the default button-card type doesnāt show?
Hi Andy,
I like your card. I have an issue where the card doesnāt size on my browser. On my iPhone it is the same size as the āstandardā room card.
Any change you know why?
- view_layout:
grid-area: "card5"
type: 'custom:button-card'
template:
- custom_card_andyblac_room
- yellow_no_state
name: Lounge
icon: mdi:sofa
tap_action:
action: navigate
navigation_path: "Livingroom"
variables:
ulm_card_room_label_use_temperature: true
ulm_card_room_label_use_humidity: true
temperature_entity: "sensor.woonkamer_temperature"
humidity_entity: "sensor.woonkamer_humidity"
sensor_1:
entity_id: binary_sensor.achterdeur_contact
ulm_card_room_sensor_color: yellow
sensor_2:
entity_id: binary_sensor.woonkamer_motion_sensor_occupancy
ulm_card_room_sensor_color: yellow
hmm, thats strange, I donāt know how to use grid-area so I have not tested it using that, If you could provide a example how to use it, iāll see if I can debug the card, but it should have worked.
Thanks for helping.
On my mobile the card is the right size but the icon is small.
I shared my main.yaml config below. It starts with the grid layout
---
type: "custom:layout-card"
layout_type: "custom:grid-layout"
layout:
# Tablet portrait
grid-template-columns: "1fr 1fr 1fr 1fr 1fr 1fr"
grid-template-rows: auto
grid-template-areas: |
"swipe swipe swipe swipe swipe swipe"
"title1 title1 title1 title1 title1 title1"
"welcome welcome welcome welcome welcome welcome"
"person1 person1 person2 person2 person3 person3"
"rooms rooms rooms rooms rooms rooms"
"keuken keuken card5 card5 card6 card6"
mediaquery:
# Mobile
"(max-width: 800px)":
grid-template-columns: "1fr 1fr"
grid-template-rows: auto
grid-template-areas: |
"swipe swipe"
"title1 title1"
"welcome welcome"
"person1 person2"
"person3 person3"
"rooms rooms"
"keuken card5"
"card6 ."
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: "swipe"
type: "custom:swipe-card"
# card_width: '185px'
# start_card: 6
parameters:
simulateTouch: true
spaceBetween: 8
preventInteractionOnTransition: true
# preventClicks: true
# effect: coverflow
freeMode: true
cards:
# - type: 'custom:button-card'
# template: chip_temperature
# variables:
# ulm_chip_temperature_inside: sensor.average_house_temperature
# ulm_chip_temperature_outside: sensor.amersfoort_temperature
# ulm_chip_temperature_weather: weather.amersfoort
- !include "../chips/include_chip_temperature.yaml"
# - !include "chips/include_chip_presence.yaml"
# - !include "chips/include_chip_energy.yaml"
# - !include "chips/include_chip_alarm_clock.yaml"
- view_layout:
grid-area: "welcome"
type: "custom:button-card"
template: "card_esh_welcome"
triggers_update: input_boolean.ulm_card_welcome_scenes_collapse_state
#entity: input_boolean.<Your_boolean>
variables:
ulm_card_esh_welcome_collapse: input_boolean.ulm_card_welcome_scenes_collapse_state #OPTIONAl --> uncomment also entity or triggers_update
ulm_weather: "weather.amersfoort"
entity_1:
nav: "house"
icon: "mdi:home"
name: "House"
color: "blue"
entity_2:
nav: "Lampen"
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: "Weather"
icon: "mdi:weather-partly-cloudy"
# name: Weather
color: "blue"
- view_layout:
grid-area: "person1"
type: 'custom:button-card'
template: card_person
entity: person.remco
variables:
ulm_card_person_entity: person.remco
ulm_card_person_use_entity_picture: true
# ulm_card_person_icon: mdi:face-woman
ulm_card_person_battery: sensor.phone_merlin_battery_level
ulm_card_person_eta: sensor.reistijd_remco_work_duration
# ulm_address: sensor.s10_mike_gegeocodeerde_locatie
- view_layout:
grid-area: "person2"
type: 'custom:button-card'
template: card_person
entity: person.iris
variables:
ulm_card_person_entity: person.iris
ulm_card_person_use_entity_picture: true
# ulm_card_person_icon: mdi:face-woman
ulm_card_person_battery: sensor.iphone_iris_battery_level_iosapp
ulm_card_person_eta: sensor.reistijd_remco_work_duration
# ulm_address: sensor.s10_mike_gegeocodeerde_locatie
- view_layout:
grid-area: "person3"
type: 'custom:button-card'
template: card_person
entity: person.iris
variables:
ulm_card_person_entity: person.noah
ulm_card_person_use_entity_picture: true
# ulm_card_person_icon: mdi:face-woman
ulm_card_person_battery: sensor.iphonen_battery_level_iosapp
ulm_card_person_eta: sensor.reistijd_noah_work
# ulm_address: sensor.s10_mike_gegeocodeerde_locatie
- view_layout:
grid-area: "title1"
type: 'custom:button-card'
template: card_title
name: Home
# label: 'Subtitle'
- view_layout:
grid-area: "rooms"
type: "custom:button-card"
template: "card_title"
name: "Rooms"
- view_layout:
grid-area: "keuken"
type: 'custom:button-card'
template:
- card_room
- red_no_state
name: Keuken
entity: sensor.keuken_sensors_temperature
icon: mdi:stove
tap_action:
action: navigate
navigation_path: "Keuken"
variables:
label_use_temperature: true
label_use_brightness: true
entity_1:
entity_id: binary_sensor.keukendeur_contact
templates:
- blue_on
tap_action:
action: more-info
entity_2:
entity_id: light.aanrechtlampen
templates:
- blue_on
tap_action:
action: toggle
entity_3:
entity_id: light.keukenspots_dimmer
templates:
- blue_on
tap_action:
action: toggle
entity_4:
entity_id: switch.laders_stekker
templates:
- blue_on
tap_action:
action: toggle
- view_layout:
grid-area: "card6"
type: 'custom:button-card'
template:
- card_room
- red_no_state
name: Woonkamer
entity: sensor.woonkamer_average_temp
icon: mdi:sofa
tap_action:
action: navigate
navigation_path: 'Livingroom'
variables:
label_use_temperature: true
label_use_brightness: true
entity_1:
entity_id: binary_sensor.achterdeur_contact
templates:
- blue_on
tap_action:
action: more-info
entity_2:
entity_id: light.woonkamer_lampen
templates:
- blue_on
tap_action:
action: toggle
entity_3:
entity_id: light.woonkamerspots_dimmer
templates:
- blue_on
tap_action:
action: toggle
entity_4:
entity_id: switch.tv_kijken
templates:
- blue_on
tap_action:
action: toggle # - view_layout:
- view_layout:
grid-area: "card5"
type: 'custom:button-card'
template:
- custom_card_andyblac_room
- yellow_no_state
name: Lounge
icon: mdi:sofa
tap_action:
action: navigate
navigation_path: "Livingroom"
variables:
ulm_card_room_label_use_temperature: true
ulm_card_room_label_use_humidity: true
temperature_entity: "sensor.woonkamer_temperature"
humidity_entity: "sensor.woonkamer_humidity"
sensor_1:
entity_id: binary_sensor.achterdeur_contact
ulm_card_room_sensor_color: yellow
sensor_2:
entity_id: binary_sensor.woonkamer_motion_sensor_occupancy
ulm_card_room_sensor_color: yellow
entity_1:
entity_id: group.woonkamer_lampen
templates:
- yellow_on
tap_action:
action: toggle
1 Like
Here is another data point. The Popup Power Outlet cards donāt show up either, but they do become visible for a second during the transitions, after you double click on something else. The Light popup does not show up during the transitions though.
power 3:
type: "custom:button-card"
template: "popup_power_outlet_stats"
entity: sensor.guest_air_conditioner_utility_meter
variables:
ulm_popup_power_outlet_sensor1: sensor.guest_air_conditioner_utility_meter
ulm_popup_power_outlet_sensor2: sensor.guest_air_conditioner_utility_meter
ulm_popup_power_outlet_graph_sensor: sensor.guest_air_conditioner_utility_meter
I tried installing the beta version and the previous stable version of button-card with no change in the behavior. Currently Iām back on v4.1.1. I saw the same behavior in Edge and Chrome(including incognito mode).
Any help appreciated.
Check the version of state-switch you have installed. This should be 1.9.3. The problems you describe are correlated wit the latest version 1.9.5
Thank you very much!!
That was it. I had attempted to downgrade to state-switch 1.9.3 when I saw the warning on the wiki but I didnāt verify 
and I was still on 1.9.5. I had to remove and re-install state-switch to get 1.9.3 and now everything is working as expected.