Is there any way to have the popup button bar always be in front of the cards? When i open the first popup button it’s in front, but whenever i open any other card the bar is behind the card.
Hi! Just put your horizontal buttons stack at the last position of your dashboard to fix that
So I tried this so well understood:
- remove the js URL from the configuration.yaml - system reboot
- go back to 1.4.4 - system reboot
- modify my maps in yaml with ‘type: custom:bubble-pop-up’ - system reboot
- upgrade via hacs to 1.5.3 - system reboot
- add js URL to configuration - system reboot
But this was causing more trouble, because before I’d only had problems with the mobile version, but now it was doing it on the PC too. So I opted for the version with the added javascript resources, despite the advice you gave below, but there were no more problems. And I don’t think I have a big configuration because I don’t feel any slowdown.
Otherwise to be sure it is rather advised in the frontend to specify the version at the end of the url or not?
Otherwise thank you for this beautiful card.
Chakalis49
Edit: I’m on a raspberry pi 4 2Go
Core: 2023.12.3
Supervisor: 2023.12.0
Operating System: 11.2
User Interface: 20231208.2
Alors j’ai essayer cela si bien compris:
- supprimer l’URL js de la configuration.yaml - redémarrage système
- revenir à 1.4.4 - redémarrage système
- Modifier mes cartes en yaml avec ‘type: custom:bubble-pop-up’ - redémarrage système
- mise à niveau via hacs vers 1.5.3 - redémarrage système
- ajouter l’URL js à la configuration - redémarrage système
Mais cela causais plus de soucis car avant j’avais des soucis que sur la version mobile mais là cela le faisait aussi sur pc. J’ai donc opté pour la version de l’ajouté en ressources javascript malgré que tu déconseillais un peu plus bas, mais là plus aucun soucis. Et je ne pense pas avoir une grosse configuration car je ressens aucun ralentissement.
Sinon pour être sur il est plutôt conseillé dans le frontend de précisé la version à la fin de l’url ou non ?
Sinon merci pour cette magnifique carte.
Chakalis49
Edit: Je suis sur un raspberry pi 4 2Go
- Core: 2023.12.3
- Supervisor: 2023.12.0
- Operating System: 11.2
- Interface utilisateur: 20231208.2
If you added it as a resource directly via the UI, it’s exactly the same as using custom:bubble-card
for your pop-ups (no need to use custom: bubble-pop-up
), it’s not that it’s discouraged, it’s just that it’s useless because there is no optimization like that.
Besides, the “optimization” only concerns the loading of the page when you see the content of the pop-ups appear for a fraction of a second, in optimized mode it doesn’t happen and that’s the only difference.
Okay, no worries. Because it led me here directly, I had not searched on the French forum, but I just found so I will contact there for the continuation if other concerns.
Looking forward to the next version. Happy New Year to you.
Updated to the beta 2 of 1.6. I’m still seeing a bunch a blank space at the bottom of my tablet screen where the popups are.
I’m having some color problems. I’ve been looking around the theme to try and find a solution.
When “switch” is turned on, the icon color changes. I want it to stay the same.
When “slider” is turned on, the icon background changes. I want it to stay the same.
The image shows two switches on top and two sliders at the bottom.
Where in the theme can I set the colors?
Tried setting this, but no change.
paper-item-icon-color: 'var(--text-color)'
paper-item-icon-active-color: 'var(--text-color)'
is there a way i can set popup to all views global,??
or do i have to copy and paste to all views.
The war against bugs and instability continues
v1.6.0-beta.3 :
Hi everyone! I’ve dedicated nearly all of my free time to bring you this release, which I hope will be the candidate for the stable 1.6.0 version! This update introduces numerous enhancements, including fixes and optimizations for the editor, faster pop-ups, and A LOT of other fixes.
Thank you for your continued support and I can’t wait to hear your feedback
Bug fixes
- Removed the
back_open
option. It now behaves as if set totrue
because it was not functioning as expected when set tofalse
. - The cache is now cleared on all devices after every update. If you are using
bubble-pop-up.js
, you still need to change the version number in yourconfiguration.yaml
before updating (to match the new version you are updating to). - Numerous optimizations have been made for iOS users.
- The pop-ups now operate more quickly. I’ve put a lot of work into this!
- Custom styles also load more quickly now.
- Fixed all issues related to entering editor mode, which is also faster now! (Edit: There is still an issue for Bubble Pop-up users, damn!)
- Fixed a minor error that was displayed in the Chrome console.
- Fixed the issue “Popup button randomly stops working” (#258).
- Fixed the issue “Bubble Card log spamming during startup: Cannot read properties of undefined (reading 'entity_id’)” (#255).
- Cleaned up the code a bit.
- Various other fixes have been implemented.
So I’ve been combining this with the Mobile First header from your previous work. A recent update seems to have broken it… not sure if it’s the new version of Card mod or something? Any one else have this?
This issue seems to be related to card-mod indeed, there is no reason that this is caused by Bubble Card
The war against bugs and instability continues
v1.6.0-beta.4 :
Hi again everyone! I’ve fixed the issue with the editor for the pop-ups in optimized mode and I’ve also added a new feature that will automatically reorganize the frontend resources to put Bubble Card at the first position if it’s not already the case, this should improve the pop-ups initialization in regular mode for people with a lot of custom cards. Just restart Home Assistant after this update to see the magic happen!
This one is (again) the candidate for the stable 1.6.0 version!
Bug fixes and optimizations
- Fixed the issue with the editor for the pop-ups in optimized mode.
- Improved the initialization of pop-ups in regular mode for people with a lot of custom cards.
Hi @nirav,
Do you mind to share your full code? I can’t understand how some cards works… If I see a full working dashboard I can try to get it.
Thanks
Yeh I can’t figure it out. I just got rid of the picture and graph for now.
Any chance you’ll be sharing your full set up for bubble card? I’d be keen to see how you’ve implemented things since you’ve sunsetted Mobile First.
Just fyi. For some reason when I upgraded to the Beta, my Tap Actions disappeared. Might have been something I did, but possibly an issue?
Have you tried the last beta, because there was indeed an issue with the tap action at one point that was fixed.
Edit: Oh no… It’s not working for custom tap actions indeed, I will fix that in the next release! Thanks for the feedback!
And sorry but I will not share my dashboard until it’s ready, I’m planning to do an almost full Bubble Card dashboard, and I have too much ideas right now that I need to add to this project
Hey Cloos,
thanks for your great work on Bubble Card, in my opinion one of the must haves for every dashboard.
Recently I installed the v1.6.0 betas and I noticed, that my pop-ups (optimized mode) reload every few seconds once I opened them, so it’s impossible to scroll down. This bug is still present in the latest beta 4. Are you aware of this topic or is it somehow a problem on my side?
After downgrading to the last stable version the bug disappears.
Thank you @Cloos for your work, this Bubble Card is really cool.
The problem here (for me I mean) is that it’s a bit confusing on how to place some cards around the code.
We don’t ask for a perfect and fine tuned dashboard code, it’s more then enough if we can understand where to put all the stuff including the corrected identation of each piece of code.
The doc is a good start point, but it shows only the cards options and not how to place them.
Thank you in advance
Oh phew so it wasn’t just me!
Yeh I get that! I love your designs. Best dashboard I’ve found.
Most of it is fairly easy to do through the GUI. I find I rarely need to go into the Yaml.