This is intended, the best way to create a pop-up is to create a vertical stack first then to add the pop-up card inside of it (your way to do it works too), but in @alexandrechoske’s code you can see that it is already in a vertical stack and that’s why I’m clueless for now.
take my code and try to insert it into your HA to see what happens…
type: vertical-stack
cards:
- type: custom:bubble-card
card_type: pop-up
name: Sala
icon: mdi:television
entity: group.sala_geral
state: sensor.temperatura_e_humidade_sala
state_unit: °C
width_desktop: 600px
margin_top_mobile: 18px
margin_top_desktop: 74px
is_sidebar_hidden: false
hash: '#psala'
- square: false
type: grid
columns: 3
cards:
- type: custom:bubble-card
card_type: button
entity: binary_sensor.sala_porta_contact
name: Porta
icon: mdi:door
card_mod:
style: |
.switch-button {
{% if is_state(config.entity, 'on') %}
background-color: #990000 !important
{% else %}
background-color: green !important
{% endif %}
}
- type: custom:bubble-card
card_type: separator
name: Luzes
icon: mdi:lightbulb-group
- square: false
type: grid
columns: 2
cards:
- type: custom:bubble-card
card_type: button
button_type: switch
entity: light.luz_sala_meio
name: Meio
- type: custom:bubble-card
card_type: button
button_type: switch
entity: light.luz_sala_spots
icon: mdi:spotlight
- type: custom:bubble-card
card_type: button
button_type: slider
entity: light.ambilight_sala
icon: mdi:led-strip-variant
name: Ambilight
- type: custom:bubble-card
card_type: separator
name: Mídia
icon: mdi:play
- square: false
type: grid
columns: 2
cards:
- type: custom:bubble-card
card_type: button
button_type: slider
entity: media_player.2_cast_sala
icon: mdi:google-chrome
name: Chromecast
Maybe I discovered.
When I disabled the entity, it fixed…
Maybe an conflict with “group” entities?
But on my tests
and then I re-write the same entity group as before, and worked fine ( in GUI, but if I insert it with editor, it broke again )
this is very interesting hahahha
@Cloos check the video here in my Drive, for you to understand better…
veeery weird hahahha
I really dont understand, maybe a cache problem…
I’ve never tried with the group type, I didn’t even knew that it was a thing haha. My light groups are starting with light., I will try that type and see what I can do but I will be really busy for 3 or 4 days.
I would like to do something like this too, but I don’t see that it is possible. Maybe it’s just a bunch of examples together in one image.
Hey All,
I might have missed it but is there a way to always start with the same pop-up card?.
At this point, when i load the app it shows the bottom bar but the page is empty untill i select a card from the bottom.
1 Like
Is it possible to change the Backgroundcolor of the horizontal-buttons-stack buttons?
Hi! Yes you can, just add this in YAML mode:
styles: |
.button {
/* The color you want */
background: blue !important;
}
Yes, now in beta 8 you can just add your hash to the url of your view, like this and this pop-up (#kitchen) will always open when you open this view:
3 Likes
Thanks, IT works.
Another question.
Is it possible to use the horizontal-buttons-stack only with the icons (without text)?
Yes, it’s now possible in the new beta.
1 Like
Hi there!
Great job! I’m sure it will make a big impact on HS soon 
I have a question: I changed the background color of a light button to white, but now when I turn on the light, it doesn’t change the color and stays white.
As a result, I can’t tell whether my lights are on or off.
Can you tell me how to resolve this ?
sorry for disturb you guys
amazing;) its really usefull to use inside another dashboard… a question, how you use the styles: |
#root {
opacity: 0.5;
}
im unable to make the popup more “transparent” where do you put that code?
Hi,
style needs to be in the pop-up card.
type: vertical-stack
cards:
- type: custom:bubble-card
card_type: pop-up
hash: '#tor'
name: Tor
icon: mdi:gate
state: binary_sensor.tor_garten_schloss
state_unit: null
width_desktop: 600px
margin_top_mobile: 18px
margin_top_desktop: 74px
styles: |
#root {
opacity: 0.5;
}
- type: entities
entities:
- entity: switch.tor_garten_relay_open
name: Tor öffnen
1 Like
last question… anyway to change the color of the popup button?
Maybe I too am doing something wrong. When I tried the code it makes everything “transparent “. I was looking to make only the background of the popup transparent and have the other cards or entities normal.
Anybody using the pop-up with sucess in an “all yaml” dashboard? I got it working, but it takes more than 20 seconds to load, plus a few extra presses here and there. It never loads fully by itself.
1 Like
Isn’t enough to set in the same dashboard, also you must to set inside same view, in my case I have a different views in the same dashboard, and I was try to set the pop-up launcher button on different view and it was not possible until I added all in same view (the trigger button and full bubble view)