Yes, I’m using HACS. My browser is Safari …
Can you try chrome? and check console if there are errors maybe? in safari / chrome
Neither firefox nor chrome are working. This is the error I get in the log:
Error handling message: invalid template (TemplateSyntaxError: unexpected char “'” at 131) for dictionary value @ data[‘template’]. Got “ha-card {\n background-color: var(–primary-background-color);\n border-radius: 15px;\n box-shadow: \n {% if is_state(‘sun.sun’, 'above_horiz\n”
Did you got this working? Also would like to open an pop-up card with a single tap on climate entities for example…
That is strange i does work for me in chrome…
Maybe add ?v=0.1.1 to the import in lovelace-ui.yaml make sure cache is not the problem
What you can do at works is define at the top of the lovelace configuration the popup-cards: part from browser_mod like this for example:
popup-cards:
climate.climatedemo:
title: ""
style:
position: fixed
z-index: 999
top: 0
left: 0
height: 100%
width: 100%
display: block
align-items: center
justify-content: center
background: rgba(0, 0, 0, 0.8)
flex-direction: column
margin: 0
"--iron-icon-fill-color": "#FFF"
card:
type: custom:thermostat-popup-card
entity: climate.climatedemo
and put this tap_action on your climate:
- entity: climate.climatedemo
tap_action:
action: more-info
entity: climate.climatedemo
Thanks, going to try this!
Hello everyone,
I just updated the light pop-up (https://github.com/DBuit/light-popup-card) with a few requested changes.
First three configuration options to change color of the slider
- sliderColor (Change color of the slider)
- sliderColoredByLight (Let the slider color be defined by the lights color/brightness *overwrites sliderColor)
- sliderThumbColor(Change the color of the line that you use to slide the slider)
And In new version the brightness is shown at the slider while sliding so you can directly see what percentage you are setting before releasing it 
2 Likes
Hey, I am a little confused of what’s gone wrong, perhaps I have updated or installed something that’s conflicting with this, but for the last week my setup using these cards shows nothing. I have several pages all using the cards and none of them work. I’ll try to provide all details;
This is my yaml file for the main set up;
https://gist.github.com/OriginNRG/00a0ecedc5620d36415dfda2ad01fecf
I won’t bother sharing the others as they are all formatted the same way.
I do get an error in the console;
Uncaught (in promise) TypeError: Cannot read property 'split' of null
at new s (template.ts:108)
at Object.templateFactory (shady-render.ts:82)
at f.__commitTemplateResult (parts.ts:265)
at f.commit (parts.ts:218)
at f.__commitIterable (parts.ts:320)
at f.commit (parts.ts:222)
at o.update (template-instance.ts:53)
at f.__commitTemplateResult (parts.ts:277)
at f.commit (parts.ts:218)
at f.__commitIterable (parts.ts:320)
Heres a screenshot of what I see: https://i.imgur.com/wdGsAam.png
I can’t remember exactly when it all went wrong, but as I say, nothing shows on the page and yet no lovelace errors show either so I am stumped currently, I thought maybe it was a formatting issue but now I am not so sure. Perhaps you guys know of this or can point me in the right direction.
Great stuff @DBuit! I was wondering if you could share which theme you’re using? I really like your background and overall color setting!
Hey Guys,
can aybody please help me im struggeling with the minigraph card inside this card
- entities:
- card: 'custom:mini-graph-card'
cardOptions:
entities:
- entity: sensor.mainroomtemperature
name: Livingroom
cardStyle: |
.header {
padding: 0;
}
.header .icon {
color: #f7d959;
}
.states {
padding: 0;
}
.states .state .state__value {
font-size:14px;
}
wider: true
Thanks
I’ve just installed the custom card and am having the same problem, nothing showing up at all.
Try add noPadding:true:
- card: 'custom:mini-graph-card'
noPadding: true
cardOptions:
entities:
- entity: sensor.mainroomtemperature
name: LivingroomGreat work on this. I’m now using it as my daily driver on a wall mounted tablet and it’s fantastic. I am also trying to get climate entities to show your thermostat-popup with a single tap but this doesn’t work. It brings up the standard HA more-info dialog. Any suggestions?
Hey @mkhattab do you have browser_mod by Thomas loven installed and set the popups part in your lovelace yaml?
That is strange if i use your setup i get the same. Gonna try to find what is wrong
Hi @DBuit Thanks for the super quick reply.
I don’t have browser_mod installed.
Your thermostat popup is working perfectly but only with long-pressing the tile
Thanks, so confused. I even decided to try to copy what you have on git resulting in the same scenario. Perhaps something is conflicting I’m not sure.
should work now!