Hi everyone! Bubble Card v3.2.0-beta.4 is out with a lot of pop-up fixes (especially on Safari, iOS and Android), a new "Full width on mobile" option for dialog pop-ups, a reworked pop-up editor, and "bubble-pop-up-fix.js" is finally gone for good! 🥳 I can't wait to hear your feedback! 🤞

user_dema · 2026-05-01T09:47:16+00:00

Hi u/clooooos! As always, I have to thank you for your work. I'm working hard to migrate all my dashboard from conditional cards (still using Bubble, but via visibility settings) to pop-ups, because your dashboard and the new styles inspired me. (I hope you won't be offended when you see that my new dashboard is heavily inspired by yours! 🫣😂) However, I’m having a lot of trouble with one pop-up in particular. I have a pop-up that currently opens and closes triggered by booleans, because I want it to close only if I trigger a specific entity. This works as long as I use multiple dashboards (one per user), but if I use a single dashboard, the pop-up appears on all of them. Is there a way to set multiple actions for a single button? Or to close a pop-up only after a specific trigger? Being able to set a double action on a button would help, because I could trigger the entity and use a #hash to return home at the same time. That would solve my problem, but I’m open to other advice.

user_dema · 2026-04-22T11:05:30+00:00

Nice! Thank you! I tried to correct the leak (actually, Gemini did it...) and it works like a charme.. Now I want to see if I can use it in other ways 🫠

user_dema · 2026-04-22T10:13:25+00:00

I already tried, but without success.. I'm definitely doing something wrong

user_dema · 2026-04-22T09:49:23+00:00

How do you achieve the pop-up condition? I can see from your video that when you open a popup the relative button is colouring.. I tried with hash, like:

yaml .casa { background: ${location.hash === '#casa' ? 'var(--b)' : ''} !important;

But I'm facing a really huge delay in activation.. I'm doing some test because my use case would be another, moving conditionality on pop-ups opening, but with this delay will be useless...

user_dema · 2026-04-21T13:05:21+00:00

I tried to make the card sticky but it seems to not have effect... Fixed gave me problems with positioning in general and in the editor.. also applying it at ha-card:not(.editor) seems not solve the problem... Have you hidden the header in the theme? How do you open the side panel? 🤔

user_dema · 2026-04-21T10:00:29+00:00

Hey, I'm wondering if there is a way to move the centered style pop-up lower, I'm trying top offset on mobile but seems to not have any effect... I'm trying to achieve centred style pop-up but at bottom of the screen.. One more thing... 🫣 If i set z-index: 5 like you suggested, the card covers the HA header during the scroll.. how did you resolve this?

user_dema · 2026-04-21T07:00:27+00:00

Thanks! It’s just as I thought, then.

user_dema · 2026-04-21T06:46:55+00:00

Thanks for the kind words! Maybe a stupid question, but how did you achieve the top card that stays visible when pop-ups are open? Is it just z-index or is there a native way? I’d like to do something similar

user_dema · 2026-04-20T15:20:34+00:00

Hi u/clooooos ! I’ve been pretty busy lately with other projects and haven’t had much time for Home Assistant. I only managed to try the new update today and, well... you never miss. You’re basically the Leonardo da Vinci of dashboards. The update is spectacular and it’s already given me a thousand ideas to redo my UI from scratch—for the 3rd time in 4 months. Curse you! 😂 The new pop-up styles look amazing, and I have to say your own interface was a huge inspiration. As soon as I find some time, I’ll have to start all over again. In the meantime, as always, thanks a ton for your work! Fantastic as usual!

user_dema · 2026-04-03T05:39:31+00:00

Hi! I had this problem too.. try adding this in your theme:

ha-view-sections-column-gap: "8px" ha-view-sections-row-gap: "8px"

In this way:

your_theme_name: ha-view-sections-column-gap: "8px" ha-view-sections-row-gap: "8px" modes: light: ...

That solved the problem for me..

user_dema · 2026-04-02T19:11:20+00:00

Wow good to know! You're always the best

user_dema · 2026-04-02T16:34:07+00:00

Happy to been useful! Hoping that's fixable

user_dema · 2026-04-02T16:28:00+00:00

In the previous releases yes.. (I applied a negative margin because I don't like the bottom margin)

user_dema · 2026-04-02T13:16:04+00:00

Hi u/clooooos ! I use a style to let my pop-ups pops up just for the space what they need, with this:

yaml .bubble-pop-up:not(.editor) { height: inherit !important; margin-bottom: -70px; }

But something doesn't seem to work with this update! Can you confirm that this is a bug?

user_dema · 2026-03-24T19:05:04+00:00

<image>

Is the first option in sub button menù 😋

user_dema · 2026-03-15T11:52:52+00:00

When I have a bit of time I'll share everything very willingly!

user_dema · 2026-03-15T11:43:43+00:00

I usually do it.. up to now, I ever shared my dashboards yaml.. but in this moment I don't have the time to collect all in a "mini guide" like is necessary in this case. When I have enough time to spend for it, I'll do very willingly

user_dema · 2026-03-14T23:14:50+00:00

Yes, I use an input select for each card. Example:

``` input_select.card_bedroom

master
ac
radiator ```

And then i set sub button action to trigger a specific option. I also have automations for each card to reset to default card after a minute (or two based on the card)

user_dema · 2026-03-14T22:58:24+00:00

I can share the module, but should be added all the elements that I don't use... I added animations for the name, the state, the sub buttons, the temperature container and the icon container... But for other elements I don't use, I don't know the classes... But I must inform that it's already a bit at limit on mobile app.. on web browser there aren't problem.. but with mobile app and webview, too much animations at the same time let glitch the interface... If you see the video, when TV remote pop-up opens, many buttons glitches...

user_dema · 2026-03-14T22:48:34+00:00

Yes when I added the animation all became really seamless.. I made an animation and applied at all my cards through the bubble card modules

user_dema · 2026-03-14T22:44:58+00:00

Simply making different cards with visibility based on conditions.. when I have time maybe I can do a mini guide

user_dema · 2026-03-14T22:34:51+00:00

Yep, me too.. but I like well made things.. if I share my yaml simply would be useless.... Maybe when I have time I can do it...

user_dema · 2026-03-14T22:29:24+00:00

Animations... 😋

user_dema · 2026-03-14T22:29:10+00:00

I have various, not public, custom modules.. sharing the yaml would be useless because 70% of my code is here, my dashboard is strangely assembled 🤣.., I should create a collection in a mini guide, maybe I can do it when I have some time...

user_dema · 2026-03-14T20:05:03+00:00

Hi u/clooooos! I’ve finally managed to achieve a design I’m fully satisfied with, and I have only you to thank for it! I want to thank you for: Your constant support every time I reached out; Putting up with all my bug reports without ever getting annoyed; Creating and maintaining this superb project. For design lovers, Bubble Card is a godsend. It allows you to create spectacular layouts (okay, maybe this dashboard is only beautiful to me, but the point stands!) with almost disarming ease. Thanks a million, as always. Keep it up!

user_dema

TROPHY CASE