My new Weather-Dashboard with this great Template.
This is created with some mini-graph-card and apexcharts-card.
When someone is interested in the yaml-code, please let me know.
5 Likes
I meant not using Smhi as the weather. But your example using openweathermap may work! Iāll test it out and report backā¦thank you!
I cant figure it out either. Did you solve it?
No, unfortunately not.
It seems there is a issue in newer Versions of lovelace-card-mod.
After downgrade to Version 3.0.12 there is no more issue.
ā CSS doesn't seem to work when casting Lovelace page to my Google Hub Ā· Issue #129 Ā· thomasloven/lovelace-card-mod Ā· GitHub
Maybe you get it managed the same way.
Nice card. im interested of the yaml-code
Br
Martin
Hey!
I would like to know how to write in configuration.yaml.
Example
front end: xxx /config/theme/neon.yaml
Stort tack! / thanks!
Johnny Samuelsson
Are there any special integrations youāve used for this as Iāve tried your code and changed the entities and I just have errors āelements requiredā - nothing I do seems to work. Also, the /local/box.png what did you use for this?
1 Like
Iāve since lost or deleted the yaml for this one but as I recall it was only custom components like card-mod, hui-element, swipe-card, things like that. I think the pastebin I posted above lists them if itās still up.
As for the box.png, itās just a blank / transparent png file in the dimensions of the ha-card of the media card I had made. I think itās supposed to work with just a 1x1px image but I recall having to adjust the size of the image itself.
Finally I found blur solution:
- type: custom:button-card
view_layout:
grid-area: statuscard
tap_action:
action: fire-dom-event
browser_mod:
data:
size: normal
style: |
#this parameters to change pop-up width
--popup-min-width: 800px;
--popup-border-radius: 28px;
card_mod:
style:
#and this code to blur background
ha-dialog$: |
div.mdc-dialog__scrim {
backdrop-filter: blur(4px) !important;
-webkit-backdrop-filter: blur(10px) !important;
background-color: rgba(0,0,0,0.1) !important;
}
And at the end blur background look like this:
Hi guys can someone please help me. Iām currently trying to create a nice design, but I canāt get the calendar to appear as it does in the picture.
my card:
example:
