I personally hate ui configs.
I‘m one of the old yaml guys and just use hacs to keep my additional integrations and resources up to date. 
Indeed, makes you problem even more strange if the missing cards are not custom.
Try removing a row of including havs files im your Lovelace file and you will see that it is still working 
Nope, because my whole lovelace config is yaml based, not just my dashboards 
Coming back to this I am not making much headway here. Still have the „missing element“ error and I cannot find what is missing. Any more pointers? Very much appreciated.
I did check the location of the button card (although all the cards in HACS appear not loaded, I take the button card as an example) and its location is indicated as being
repository.note_downloaded /config/www/community/button-card
Hello, I need your help, I cannot enlarge the image element in the card to fill this gray circle?
code:
card_scenes_picture:
show_icon: false
show_name: false
show_label: false
variables:
picture_1: "mdi:help-circle-outline"
picture_2: "mdi:help-circle-outline"
picture_3: "mdi:help-circle-outline"
picture_4: "mdi:help-circle-outline"
picture_5: "mdi:help-circle-outline"
name_1: "n/a"
name_2: "n/a"
name_3: "n/a"
name_4: "n/a"
name_5: "n/a"
styles:
grid:
- grid-template-areas: "'item1 item2 item3 item4 item5'"
- grid-template-columns: "1fr 1fr 1fr 1fr 1fr"
- grid-template-rows: "min-content"
- justify-items: "center"
- column-gap: "auto"
card:
- border-radius: "var(--border-radius)"
- box-shadow: "var(--box-shadow)"
- padding: "12px"
custom_fields:
item1:
card:
type: "custom:button-card"
show_entity_picture: true
template: "card_scenes_picture_tv"
entity: "[[[ return variables.entity_1 ]]]"
entity_picture: "[[[ return variables.picture_1 ]]]"
name: "[[[ return variables.name_1 ]]]"
tap_action:
action: "call-service"
service: "script.turn_on"
service_data:
entity_id: "[[[ return variables.entity_1 ]]]"
item2:
card:
type: "custom:button-card"
show_entity_picture: true
template: "card_scenes_picture_tv"
entity: "[[[ return variables.entity_2 ]]]"
entity_picture: "[[[ return variables.picture_2 ]]]"
name: "[[[ return variables.name_2 ]]]"
tap_action:
action: "call-service"
service: "script.turn_on"
service_data:
entity_id: "[[[ return variables.entity_2 ]]]"
item3:
card:
type: "custom:button-card"
show_entity_picture: true
template:
- card_scenes_picture_tv
- www_hity_filmowe
entity: "[[[ return variables.entity_3 ]]]"
entity_picture: "[[[ return variables.picture_3 ]]]"
name: "[[[ return variables.name_3 ]]]"
tap_action:
action: "call-service"
service: "script.turn_on"
service_data:
entity_id: "[[[ return variables.entity_3 ]]]"
item4:
card:
type: "custom:button-card"
show_entity_picture: true
template: "card_scenes_picture_tv"
entity: "[[[ return variables.entity_4 ]]]"
entity_picture: "[[[ return variables.picture_4 ]]]"
name: "[[[ return variables.name_4 ]]]"
tap_action:
action: "call-service"
service: "script.turn_on"
service_data:
entity_id: "[[[ return variables.entity_4 ]]]"
item5:
card:
type: "custom:button-card"
show_entity_picture: true
template: "card_scenes_picture_tv"
entity: "[[[ return variables.entity_5 ]]]"
entity_picture: "[[[ return variables.picture_5 ]]]"
name: "[[[ return variables.name_5 ]]]"
tap_action:
action: "call-service"
service: "script.turn_on"
service_data:
entity_id: "[[[ return variables.entity_5 ]]]"
card_scenes_picture_tv:
show_icon: false
show_label: false
show_name: true
variables:
color_icon: "gray"
color_bg: "gray"
styles:
grid:
- grid-template-areas: "'i' 'n'"
- grid-template-columns: "min-content"
- grid-template-rows: "1fr 1fr"
- row-gap: "12px"
- justify-items: "center"
- column-gap: "auto"
card:
- box-shadow: "none"
- padding: "5px"
- box-shadow: "var(--box-shadow)"
- border-radius: "50px"
- place-self: "center"
- width: "52px"
- height: "84px"
icon:
- color: >
[[[
var color = [variables.color_icon];
if (color == "gray"){
var color = "rgba(var(--color-theme),0.20)";
} else if(color == "yellow"){
var color = "rgba(var(--color-yellow),1)";
} else if(color == "blue"){
var color = "rgba(var(--color-blue),1)";
} else if(color == "purple"){
var color = "rgba(var(--color-purple),1)";
} else if(color == "green"){
var color = "rgba(var(--color-green),1)";
} else if(color == "red"){
var color = "rgba(var(--color-red),1)";
}
return color;
]]]
img_cell:
- background-color: >
[[[
var color = [variables.color_bg];
if (color == "gray"){
var color = "rgba(var(--color-theme),0.05)";
} else if(color == "yellow"){
var color = "rgba(var(--color-yellow),0.20)";
} else if(color == "blue"){
var color = "rgba(var(--color-blue),0.20)";
} else if(color == "purple"){
var color = "rgba(var(--color-purple),0.20)";
} else if(color == "green"){
var color = "rgba(var(--color-green),0.20)";
} else if(color == "red"){
var color = "rgba(var(--color-red),0.20)";
}
return color;
]]]
- border-radius: "40%"
- width: "42px"
- height: "42px"
name:
- font-weight: "bold"
- font-size: "9.5px"
- width: "33px"
- padding-bottom: "7px"
state:
- color: "rgba(var(--color-theme),0.9)"
color: "var(--google-grey)"
For a balanced result you could do it like:
card_scenes_picture_tv:
icon:
- border-radius: 50%
- width: 42px
- height: 42px
img_cell:
- transform: scale(1.2)
1 Like
I also use this template for resources. I know they are also in the ui, but adding them here gives me more security and I have never encountered any problems. And it’s not a problem if you declare them twice (yaml + ui) @Timpalimpa
Hi,
When I try to copy the folder custom_card_paddy_welcome in config/lovelace/minimalist-templates (my directory), I’ve a follow error message on my dashboard.
My tree structure is like this :
config
└── minimalist-templates
└── custom_card_paddy_welcome
└── languages
└── EN.yaml
└── custom_card_paddy_welcome.yaml
└── README.md
└── button_card_templates.yaml
└── EN.yaml
Button-card template 'custom_card_paddy_welcome' is missing !
I don’t have to do the right thing but I don’t see what’s blocking
There are 2 template files. How do you embed the Minimalist templates in your dashboard?
No, I mean the path in your Yaml dashboard, sth. like this:
button_card_templates: !include_dir_merge_named 00_templates/
title: Homezone
views:
- !include 01_panelansicht/_panel_home.yaml
…
…
my ui-lovelace.yaml
button_card_templates: !include lovelace/minimalist_templates/button_card_templates.yaml
popups_templates: !include lovelace/minimalist_templates/popups_templates.yaml
custom_card_paddy_welcome: !include lovelace/minimalist_templates/custom_card_paddy_welcome/custom_card_paddy_welcome.yaml
title: 'Home'
views: !include_dir_merge_list lovelace/views/
Mmh, ok, never before saw this way of including.
Are the popup card templates actually working?
I would use button_card_templates: !include_dir_merge_named minimalist_templates/
Thanks Pedolsky !
I wrote the paths as indicated in your message and it works.
I followed your custom_card. It works in the main lines but I have an error for the weather_provider.
Where does the problem come from ?
1 Like
you drop you view files in there, how do they begin? because it needs a list, do they have to start with a -?
could you please screenshot the folder and a first file in there?
Asking because right now I have my structure explicitly named, and Id love to simply drop in a view-file and it getting automatically displayed…
update
nevermind me, I got it to work. sorry for bothering.
Very simple question:
- type: 'custom:button-card'
template: vertical_buttons_custom_state
variables:
state: Bedroom
color: red
entity: light.light_1
icon: 'mdi:sofa'
Can’t get the icon to be red!
Because you defined the state wrong. Insert ‘on’.
Sorry, but I didn’t understand.
Show me all code