Hi, first of all: thanks a lot for this great work! My question: I would like to use the bubble theme as well. On my desktop everything works fine even the no-header section. But on my Iphone the theme seems to be ignored. Is that a common issue in ios?
Hi mate.
Any way of getting more than 1 entity into the header ? Currently have temperature but also want humidity in there too.
If not could it be a feature request ? Thanks
Love your setup, especially the first one.
Mind sharing your code, so i can dig into and learn how this wonderfull card is put together
great looking layout, would you mind to share your code so i can get grips on the possibilities.
I know you can do tap, double, and hold action for icons once popup is opened.
Is there way to make hold actions for the popup button itself?
Love to make hold_action on a room just turn off entire room and not even have to open the popup.
@laurens362 you create a totally lovely dashboard! It includes a lot of what I am looking for. Is is possible for you to share this one?
A lot of love for the pop-ups! Please read this before updating 
v1.7.0
Hi everyone! 
After a long month of working on bug fixes, I’m finally confident enough to release this major version!
The 1.6.X release was a huge challenge for me. It was a lot better for many users, but it was also a lot worse for some others… I’ve investigated a lot on that. And now I can say that this version should be significantly faster than ever for all pop-up users, especially for pop-ups with cameras!
Breaking change for optimized mode users
In a previous release, I mentioned that the pop-up optimized mode had become obsolete. This was partially true… but not for some iOS/Safari users and maybe some others too. I also said that I would remove the optimized mode later, but it was too difficult for me to maintain it and it was blocking me from releasing this version.
BUT I’ve found a better and definitive way to fix that. For the optimized mode users, you know that it was a nightmare to update it after each release. This is why I’ve created a fix that doesn’t need to be updated! Just add it like the optimized mode and never worry about it after that. More information here: Pop-up initialization fix.
But that’s not all!
I really wanted to add some new features, and there is one that was requested a lot. There is now a blurred backdrop behind the pop-ups! And that looks awesome, thanks a lot for this idea 
And if you don’t like it, you can of course disable it.
Here are all the other new features and bug fixes:
New features
- Pop-up initialization fix: If you notice that pop-up content appears upon page load, consider installing this fix as an additional module. More information here.
- Column fix: You can now tweak the column fix value and not just set it to true. For example, you can change it to
column_fix: -10then try to find the value that fits your dashboard layout. - Horizontal button stack gradient: You can now hide it with a simple toggle in the editor (in YAML:
hide_gradient: true) as it was not fitting everyone’s setups. - Pop-up backdrop: There is now a blurred/darkened backdrop when you open a pop-up. If you don’t like it, you can hide it with a toggle in the editor on the first pop-up on your view, you don’t need to disable it on all of them that way (in YAML:
hide_backdrop: true). - Background camera: This was one of the main issues in the 1.6.X release, especially for the Frigate card users. Now every camera stream is removed by default, it acts exactly like a conditional card when a pop-up is closed. You can still allow cameras to be played in the background, but be aware that this can slow down your dashboard a lot. I’ve added a toggle for that in the editor (in YAML:
background_camera: falseis the default). - Pop-up custom style: You can now target a pop-up in CSS with
.pop-upinstead of#root(but this is still working this way).
Bug fixes and optimizations
- CPU consumption: Bubble Card is now using much less CPU after initialization! This is perfect for low-end devices!
- Pop-up fixes: I’ve fixed a lot of issues related to the pop-ups, they should work perfectly now (this is not the first time I’ve said that).
- Pop-up initialization: The pop-up initialization was slower for some users, this is now fixed thanks to @Woyken!
- Code clean up: I’ve cleaned up the code a lot to speed up even more the initialization and lower the CPU consumption.
- Pop-up triggers: They should now work as they should!
- Horizontal button stack fixes: I should have fixed most issues related to it, and it’s now even faster!
- Horizontal button stack highlight: This feature is now more visible!
- Pop-up additional text: This feature was not working at all, this is now fixed!
- Pop-up with input_datetime: You can now change the date and the pop-up will remain open after that.
Thank you once again for your continued support!
12 Likes
Hey guys. I have some issues with the newest release.
It cuts off the the first card of the pop up. Tried different things, incl. to hide pop-up backdrop. But it’s always there. For sure, I cleared cash etc.
Thanks for your feedback, this issue is really random and I thought it was fixed. But I will do my best to fix it in the next release.
2 Likes
Thanks for your amazing work.
No worries. I’m an IT guy and I know how things work (or don’t 
).
I was able to fix it by applying standard theme. Then reloading front-end. Close companion app, clear cash. Open again and apply the correct theme. Now, it’s placed correctly.
Just to mention. It’s not the theme causing the issue, as I reloaded it before and I haven’t applied a custom padding or margin. I have no clue, why it got stuck with this setting.
1 Like
Congrats to the latest release! 
It now works flawlessly with 10+ popups on one page. Performance is perfect now and no visible flickering on loading pages. Also, I love the new darkened background feature. Exactly what I needed. Many thanks!
1 Like
I am getting the same issue with this update. @Cloos Loving the bubble cards and like your previous minimalist mobile dashboard. I am incorporating both into my mobile dashboard design.
2 Likes
Performance has always been good for me on Android, though I still very much appreciate @cloos’ tireless dedication to optimization.
Bubble card sure is growing up fast, each release has been a significant improvement over the last!
I need to revisit my dashboard configurations and add in some of the new hotness.
1 Like
5 Likes
@Cloos Is it somehow possible to edit the styling of <div class="backdrop hidden"></div>?
I would like to change background color, opacity and especially z-index (to overlay my fixed navigation bar also).
i really like this, do you have some code snippets you can share ?
I forgot to add this possibility, I will try to not forget to add that in the next release!
2 Likes
Very nice dashboard! How could you get rid of the default topbar?
Awesome dashboard. would you share some code snippets ?
A lot of love for the pop-ups!
v1.7.1
Hi everyone!
Here is a new update that should address most of the new issues introduced in v1.7.0, as well as some older ones. That’s all… for now!
New features
- Pop-up backdrop custom styling: You can now add custom styles to the backdrop by adding
.backdrop { background-color: blue !important; }for example. Remember to apply this to the first pop-up only on your dashboard.
Bug fixes and optimizations
- Pop-up header issue: The gradient at the top of the pop-ups has been fixed. It was bugged and would cover the first card of the pop-ups in certain cases.
- Pop-up backdrop click event: It’s no longer possible to accidentally click through the backdrop.
- Bubble Pop-up Fix: An issue that could completely block the dashboard in some cases has been resolved.
- Pop-up trigger: There was an issue when the
trigger_entitywas undefined. This has now been fixed! - Pop-up code clean up: I’ve cleaned up and optimized the code once again, which should further improve performance.
- Tap actions: @brunosabot resolved an issue where, upon initiating a scroll on a Bubble Card, the action would execute even if the drag ended on a different element. Additionally, he also changed a bit how the ActionHandler works, this allows to reduce the amount of timeout executed in the page. Many thanks to him!
Thank you once again for your continued support!
v1.7.0
Important: Please read this changelog before updating if you missed the v1.7.0 update.
3 Likes