Are you using another custom card, e.g. custom stack-in-card?
No, this is just under a vertical-stack-card
Thatās really weird. Is something in the config log?
Can your show your configuration.yaml and/or ui-resources.yaml?
How is your loading of additional lovelace resources configured?
my configuration.yaml is not that fun:
And I dont have a ui-resources.yaml?
And nothing wierd in the log
for me it just seems that you have nowhere configured the required additional lovelace resources:
Or is it configured inside your lovelace.yaml?
yepp!
dashboards:
lovelace-minimalist:
mode: yaml
title: Minimalist
icon: mdi:script
show_in_sidebar: true
filename: /config/lovelace/lovelace-minimalist.yaml
And this is my lovelace-minimalist.yaml
button_card_templates: !include_dir_merge_named /config/lovelace/minimalist-templates
views:
- !include /config/lovelace/1.hem.yaml
- !include /config/lovelace/2.kƶk&mat.yaml
- !include /config/lovelace/3.vardagsrum.yaml
- !include /config/lovelace/4.badrum.yaml
- !include /config/lovelace/5.entre.yaml
- !include /config/lovelace/6.sovrum.yaml
- !include /config/lovelace/7.kontor.yaml
- !include /config/lovelace/8.maxi.yaml
- !include /config/lovelace/9.vincent.yaml
- !include /config/lovelace/10.hall&tvƤtt.yaml
- !include /config/lovelace/11.ƶvrigt.yaml
- !include /config/lovelace/12.sƤkerhet.yaml
Everything else works with this!
Ps: I have a thing for !includeĀ“s 
Hate large textfiles
But still no resources configured in your lovelace.yaml 
So it canāt find the needed custom resources anywhere because you didnāt specify anywhere that they should be loaded.
For example, the lovelace part of my configuration.yaml looks like this. I hope this makes it a little clearer 
# https://www.home-assistant.io/lovelace/
lovelace:
mode: yaml
resources:
[ { url: /hacsfiles/bar-card/bar-card.js, type: module },
{ url: /hacsfiles/button-card/button-card.js, type: module },
{ url: /hacsfiles/kiosk-mode/kiosk-mode.js, type: module },
{ url: /hacsfiles/light-entity-card/light-entity-card.js, type: module },
{ url: /hacsfiles/light-popup-card/light-popup-card.js, type: module },
{ url: /hacsfiles/lovelace-hui-element/hui-element.js, type: module },
{ url: /hacsfiles/lovelace-layout-card/layout-card.js, type: module },
{ url: /hacsfiles/lovelace-slider-entity-row/slider-entity-row.js, type: module },
{ url: /hacsfiles/mini-graph-card/mini-graph-card-bundle.js, type: module },
{ url: /hacsfiles/swipe-card/swipe-card.js, type: module },
{ url: /hacsfiles/lovelace-xiaomi-vacuum-map-card/xiaomi-vacuum-map-card.js, type: module },
{ url: /hacsfiles/thermostat-popup-card/thermostat-popup-card.js, type: module },
{ url: /hacsfiles/my-cards/my-cards.js, type: module },
{ url: /browser_mod.js, type: module }, ]
dashboards:
lovelace-minimalist:
mode: yaml
title: Minimalist
icon: mdi:floor-plan
show_in_sidebar: true
filename: lovelace-minimalist.yaml
1 Like
Isnāt all activated under configuration->Dashboards->Resources
That has been enough for me before
In the UI i mean
You are now talking about UI driven config?
Sorry, I never used it. Donāt know if that works in combination with lovelace yaml mode.
Never used it? That is the way hacs works now. You dont need this in your lovelace.yaml file.
Just tried it and it works.
But these cards that i am having trouble with is not custom cards. I complains about āMarkdownā and āConditionalā. Those are not custom anyway.
Ok, I will sleep on this 
1 Like
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