I have followed the guidelines fully to install but I am running into an issue which I think is due to a conflict between YAML mode (my preferred method and the method I followed to install) and the UI mode. I followed the install based on a completely fresh and clean install of HA on a new SD inside my Raspberry PI. Following error is presented (clearing cache does not help):
The card is definitely installed in HACS.
Thanks for any help.
Sebastian
.yaml mode is also preferred by the UI 
What is your folder structure? What do your .yaml config files look like?
You forgot the following step
The button card is required by all cards so itās not really optional 
Hi all,
Iāve been using this beautiful UI for two weeks now and would like to develop some custom cards for it. I already read the Develop a custom-card guide but would like to get some input on wether there is a way to develop custom cards with instant live preview instead of reloading the UI every time I make a change (which takes from 5 to 10 seconds).
Thanks
Filip
Sadly there is not 
You can use the āRefreshā option to update your config (see screenshot)
But the tab bar is hidden when using our minimalist theme, so youāll have to edit your theme temporarily.
Or I have created a development theme with the tab bar visible for when iām developing new cards
Thanks for your answer!
Actually, by āreloading the UIā I meant the Refresh button (which is visible with minimalist-desktop theme). This takes between 5 to 10 seconds for me. Thatās why I search for a way to get visual feedback faster, especially in case of small CSS modifications. One way I tried is setting everything up in UI-mode instead of YAML-mode and developing cards inside the card editor. Unfortunately, I havenāt yet found out how to set variables in this mode.
Could you share your code with the tab bar visible please? It is so annoying to restart the server all the time.
Thanks
Setting the theme to āminimalist-desktopā should make the tab bar visible.
The following lines in your theme file hide the tab bar:
card-mod-root: |
app-toolbar {
display: none;
}
If you remove these lines the bar should be visible again
You can copy the templates into the raw config and test your results in the UI (so do I).
Omg 
Did not know the desktop theme was doing this 
Didnāt know that. Thanks
Thanks @pedolsky !
This is the way I took. The changes I make are reflected instantly inside the card editor and there is no need to refresh the UI using the āRefreshā button.
Oupsā¦ seems that Iāve only skimmed your post.
You can use variables in the same way like templates, either as part of a template or as an independent one.
For example, this is one of my color ātemplatesā:
button_card_templates:
farbschema_dunkel:
variables:
basis_unavailable_color: 'rgba(253,253,253,0.9)'
basis_unavailable_bg: 'rgba(99,99,99,0.9)'
basis_unavailable_icon: 'rgba(213,213,213,0.9)'
licht_card_color: 'rgba(253,253,253)'
ā¦
Hi all!
Merci @tben ! This is a great job. Iām super fan and I already made a lot of new dashboards with custom templates.
Like you I use HA mostly on mobile device.
But Iām facing an issue on the light slider card.
It works fine on desktop. But on mobile device (Iphone in my case) sliding feature is not working. Only taping works. which makes it difficult to reach both end ~0% & 100%
Have you observed such behavior?
Until now I just tested it with many different browsers on iphone XR only.
Iāll plan to test it on an android tablet.
Thanks for your help!
Any idea why popups are not working?
Everything installed, no errors just weird styles applies:
- type: 'custom:button-card'
template:
- card_power_outlet
- popup_button_power
variables:
ulm_card_power_outlet_consumption_sensor: sensor.0x4cf8cdf3c7e3d99_power
entity: switch.0x4cf8cdf3c7e3d99_switch
name: AC
You are missing the required popup sensor variables:
- type: "custom:button-card"
template:
- card_power_outlet
- popup_power_outlet
variables:
ulm_card_power_outlet_consumption_sensor: sensor.metered_wall_plug_switch_power_3
ulm_popup_power_outlet_sensor1: sensor.metered_wall_plug_switch_power_3
ulm_popup_power_outlet_sensor2: sensor.metered_wall_plug_switch_electric_consumed_kwh_2
ulm_popup_power_outlet_graph_sensor: sensor.metered_wall_plug_switch_power_3
entity: switch.metered_wall_plug_switch_2
name: Prise tƩlƩphone
UI/README_popups.md at main Ā· UI-Lovelace-Minimalist/UI (github.com)
Thank You for the example. Unfortunately, itās not working 
light/power outlet.
My-cards-bundle installed
mini-graph
light entity card
- type: 'custom:button-card'
template:
- card_light
- popup_light
variables:
ulm_card_light_slider_name: Salon
entity: light.yeelight_ceiling3_0x7f84257
- type: custom:button-card
template: edge
- type: 'custom:button-card'
template:
- card_power_outlet
- popup_button_power
variables:
ulm_card_power_outlet_consumption_sensor: sensor.0x4cf8cdf3c7e3d99_power
ulm_popup_power_outlet_sensor1: sensor.0x4cf8cdf3c7e3d99_power
ulm_popup_power_outlet_sensor2: sensor.0x4cf8cdf3c7e3d99_power
ulm_popup_power_outlet_graph_sensor: sensor.0x4cf8cdf3c7e3d99_power
entity: switch.0x4cf8cdf3c7e3d99_switch
name: AC
browser mod installed?
thomasloven/hass-browser_mod: 
A Home Assistant integration to turn your browser into a controllable entity - and also an audio player (github.com)
Itās a requirement for all popup cards.
Also please have another look at the documentation.
All 3 popup variables are required! However, you have only specified 2
The card is indeed installed via HACS - that is the confusing part here.
Folder structure? As described by the install and the standard given by the HA installation. I changed nothing else. Same goes for the .yaml config file. The file is fairly empty, currently only containing the following:
# Configure a default setup of Home Assistant (frontend, api, etc)
default_config:
# Text to speech
tts:
- platform: google_translate
group: !include groups.yaml
automation: !include automations.yaml
script: !include scripts.yaml
scene: !include scenes.yaml
frontend:
themes: !include_dir_merge_named themes
# Media
spotify:
client_id: !secret spotify_sebastian_ID
client_secret: !secret spotify_sebastian_secret
# Interface
lovelace:
mode: yaml
# Add yaml dashboards
dashboards:
lovelace-minimalist:
mode: yaml
title: Minimalist
icon: mdi:script
show_in_sidebar: true
filename: lovelace-minimalist.yaml`