Just when you think your dashboard is complete. You find this. Thanks for sharing with the community. Time to spend another weekend on the dashboard lol.
Thank you so much for this. This mixed with card-mod has opened up a new world of dashboards. Please, please, please add a donate button into the card (the same place you can see the "bubble card V2.2.4" when viewing a vertical stack). Too many good mods have been abandoned in the past and this is one that should be kept but in reality the only way that will happen is if you get donations (good will eventually isn't enough when it eats up all your free time). Thanks you again.
Hi! And you're welcome! 😀 I've already added the donation buttons in the editor (in the first page before selecting the card type), but I could indeed add it in the footer of the editor. Thanks for the tip!
After the long and difficult road of arranging panels,icons and cards, I just wanted to sit back in my chair with a beer. And now it's all over again. It's too nice not to.
Loving the layout of this and im excited to follow along and improve my dashboard. Currently trying to learn how to change colors for buttons and headers!
Thank you for all the great work and effort you put into making the Bubble Card. This video was great and got me going on something I was stuck on. Lookinbg forward to more videos.
Thank you so much for this module and the tutorials. Im trying to make it work with a timer helper, but Im having a hard time so far. I cant show the real time remaining with the bubble card. I also think it would be great to have some kind of countdown/progress bar like the slider. Maybe this gives you some ideas for future videos or implementations. I will stay tunned. Cheers
Hi! Have you tried the latest beta? You can get it by going on HACS, then on Bubble Card, then on the menu you can find "Re-download", then pick the beta in the dropdown menu.
Great project and video. You mention it's important to have pop-ups after buttons. What impact does sections have please? Everything in one section or can we use multiple sections?
Great work Clooos! I really like your work. Is it possible to share your full dashboard? I am really interested how you have created the top header and the seperators with the time and acutual date.
This is a missing feature from the vertical stack, this card is made by Home Assistant and not by me. But I'm planning to try the ability to use a section instead of a vertical stack 🤞
I'm trying to add some styling to my bubble card, but nothing is happening here. type: custom:button-card entity: switch.your_switch name: Stekker styles: card: - border-radius: 12px - padding: 10px - background-color: | [[[ return entity.state === 'on' ? 'blue' : 'var(--card-background-color)'; ]]] Are you planning to make a video on how to style the cards? And when might this possibly be?
Hi, your card is a custom:button-card and not custom:bubble-card. But with Bubble Card you can add custom styles, take a look at the documentation on GitHub, everything is explained there.
Hey Bro! First, thanks so much for this amazing project. It's been a breeze to customize my dashboard thanks to bubble cards. So, I've been trying to customize the style of my cards using the global CSS feature introduced in the beta version. And it's not working for some reason. Like your own example, I put the code in my theme .yaml, reloaded all yaml and even the whole instance but I can't see the changes. If you could help me out to get this working, I'd appreciate. :)
Hello Clooos, thank you very much for your fantastic work! I would like to know if there is a limit on pop-ups on a single dashboard? I'm trying to use it with more than 50.
Hi, no there is no limit, when a pop-up is hidden its content is removed then re-created when you open it. The only possible issue (for now) is the editor, it can slow down on bigger setups. This is something that I need to fix. But for some reason this issue is less noticeable on Chrome.
@@cloooos Hello, thank you very much for your response. It was the slowness in the editor that made me ask this question, because when I'm creating or editing pop-ups I notice this slowness a lot. Is there any way to fix this problem?
@@cloooosHuge thanks! Couldn’t find it anywhere. 2 more questions, can i also change the grey gardient color and icon background color? And it would be nice if there was an overview somewhere with all possible custom styles for each card type with examples. I think that would help a lot of people. Keep up the good work mate!
Hi! There is a section in the pop-up editor called "Pop-up Trigger". I have a binary sensor in it that activates when there is motion in front of my house, which I'm managing with the Frigate add-on. Don't hesitate to ask if you need more help.
My popup button is not working, this is my YAMA: type: custom:bubble-card card_type: button sub_button: - tap_action: action: navigate navigation_path: "#lights" icon: mdi:globe-light
Hi, it is hard to say what's wrong here, have you created it in the editor or in YAML? You can also take a look at the documentation on GitHub, I've added a button example in the pop-up section.
Just when you think your dashboard is complete. You find this. Thanks for sharing with the community. Time to spend another weekend on the dashboard lol.
Haha, you are not the first one to say that, well you're welcome 🤓
++ also two fays ago i totally reworked my HA dashboard, and today i find out this great thing.
+1!
Love It ,Fantastic work. Keep going
Thank you! ❤️
Loving this bubble card module! It completely changes the design of Home Assistant
Wow... This made me reconsider my Dashboard! Starting again from scratch, thanks!
Oh God. Time to redesign my whole dashboard again 😂 thanks for the video!
Thank you so much for this. This mixed with card-mod has opened up a new world of dashboards. Please, please, please add a donate button into the card (the same place you can see the "bubble card V2.2.4" when viewing a vertical stack). Too many good mods have been abandoned in the past and this is one that should be kept but in reality the only way that will happen is if you get donations (good will eventually isn't enough when it eats up all your free time). Thanks you again.
Hi! And you're welcome! 😀 I've already added the donation buttons in the editor (in the first page before selecting the card type), but I could indeed add it in the footer of the editor. Thanks for the tip!
@@cloooos found it, not sure how I missed that the 1st time! Have a few drinks on me and thanks again 👍🏼
Thank you so much!! Cheers! 🍻
After the long and difficult road of arranging panels,icons and cards, I just wanted to sit back in my chair with a beer.
And now it's all over again. It's too nice not to.
Just switched from node-red to HAOS. Looking forward to this series. Cheers. 👍🇦🇺
Fantastic work on this! Completely amazed by the community here and this is a perfect example of design meeting function.
Thank you for your great work 👍🏼
Thanks for this great plugin! 👍
Been using for some time. Game changer! Love your work!!! 👏👏👏
Loving the layout of this and im excited to follow along and improve my dashboard. Currently trying to learn how to change colors for buttons and headers!
Thank you for all the great work and effort you put into making the Bubble Card. This video was great and got me going on something I was stuck on. Lookinbg forward to more videos.
Well done ! 😊
Very nice, waiting for following videos
Thank you so much for this module and the tutorials. Im trying to make it work with a timer helper, but Im having a hard time so far. I cant show the real time remaining with the bubble card. I also think it would be great to have some kind of countdown/progress bar like the slider. Maybe this gives you some ideas for future videos or implementations. I will stay tunned. Cheers
Hi! Indeed this feature is still missing, but it's on my to-do list!
Nice, got it working finally !
But I get 2 pop-ups: one from HA with the history and then the actual popup 😅
Hi! Have you tried the latest beta? You can get it by going on HACS, then on Bubble Card, then on the menu you can find "Re-download", then pick the beta in the dropdown menu.
Well Done! Cheers!
Thank you so much for making this
You're welcome! 😀
Thanks for the explanation. Could you please tell which theme you are using.? And can you share.
Thank you for the wonderful work you do.
Hi! You're welcome! And this is my own theme, here it is:
github.com/Clooos/Bubble
Thanks, very helpful. What skin of HA used in this video?
Hi! This is my own theme, it is available here:
github.com/Clooos/Bubble
Hey Clooos,
Thank you so much for your work. The dashboard looks much better with Bubble Card. When will the next videos be released?
Best regards.
Hi! I don't really know yet. I want to focus on the next Bubble Card beta first, but in a few weeks I hope 🤞
Great project and video. You mention it's important to have pop-ups after buttons. What impact does sections have please? Everything in one section or can we use multiple sections?
The section view is less restrictive, I haven't tested it for a while but you should be able to have multiple sections, just try and see 🙂
Great work Clooos! I really like your work. Is it possible to share your full dashboard? I am really interested how you have created the top header and the seperators with the time and acutual date.
Hi! I will share it at some point, but I want to work a bit more on it before that.
This is my favourite card!
What theme are you using?
Hi! This is my own theme, here it is: github.com/Clooos/Bubble
This is some nice work! Could you please add an option to automatically close the pop up after a certain time with no activity?
Hi and thanks! This is already possible, take a look at the pop-up options in the editor 👌
@@cloooos sweet! Thanks!
Will there be plans to support the drag and drop that sections provide?
This is a missing feature from the vertical stack, this card is made by Home Assistant and not by me.
But I'm planning to try the ability to use a section instead of a vertical stack 🤞
What theme are you using?? Thanks
Hi, this is my own theme, here it is:
github.com/Clooos/Bubble
I'm trying to add some styling to my bubble card, but nothing is happening here.
type: custom:button-card
entity: switch.your_switch
name: Stekker
styles:
card:
- border-radius: 12px
- padding: 10px
- background-color: |
[[[
return entity.state === 'on' ? 'blue' : 'var(--card-background-color)';
]]]
Are you planning to make a video on how to style the cards?
And when might this possibly be?
Hi, your card is a custom:button-card and not custom:bubble-card. But with Bubble Card you can add custom styles, take a look at the documentation on GitHub, everything is explained there.
Amazing!
Feature request: Ability to fine tune 'swipe down' length/sensitivity/area to close pop-up.
Done! 👌 github.com/Clooos/Bubble-Card/releases/tag/v2.3.0-beta.2
@@cloooos AMAZING! You're the best!
Super les vidéos mais essaye de faire plus lentement quand tu expliques :) sinon top tes cards!
Hey Bro! First, thanks so much for this amazing project. It's been a breeze to customize my dashboard thanks to bubble cards.
So, I've been trying to customize the style of my cards using the global CSS feature introduced in the beta version. And it's not working for some reason.
Like your own example, I put the code in my theme .yaml, reloaded all yaml and even the whole instance but I can't see the changes.
If you could help me out to get this working, I'd appreciate. :)
Hi! Have you reloaded your theme using the frontend.reload_themes action? Reloading the YAML is not the same thing.
Hello Clooos, thank you very much for your fantastic work! I would like to know if there is a limit on pop-ups on a single dashboard? I'm trying to use it with more than 50.
Hi, no there is no limit, when a pop-up is hidden its content is removed then re-created when you open it. The only possible issue (for now) is the editor, it can slow down on bigger setups. This is something that I need to fix. But for some reason this issue is less noticeable on Chrome.
@@cloooos Hello, thank you very much for your response. It was the slowness in the editor that made me ask this question, because when I'm creating or editing pop-ups I notice this slowness a lot. Is there any way to fix this problem?
@@emersonpellisI'm on it, just wait for the next beta 👌
How can i remove the white border in a horizontal button stack?
Hi! Just add this custom style: * { border: none !important; }
@@cloooosHuge thanks! Couldn’t find it anywhere. 2 more questions, can i also change the grey gardient color and icon background color? And it would be nice if there was an overview somewhere with all possible custom styles for each card type with examples. I think that would help a lot of people. Keep up the good work mate!
How did you trigger your camera popup based on motion?
Hi! There is a section in the pop-up editor called "Pop-up Trigger". I have a binary sensor in it that activates when there is motion in front of my house, which I'm managing with the Frigate add-on. Don't hesitate to ask if you need more help.
My popup button is not working, this is my YAMA:
type: custom:bubble-card
card_type: button
sub_button:
- tap_action:
action: navigate
navigation_path: "#lights"
icon: mdi:globe-light
Hi, it is hard to say what's wrong here, have you created it in the editor or in YAML? You can also take a look at the documentation on GitHub, I've added a button example in the pop-up section.
Advertised on th-cam.com/video/zt4g4nBBEJQ/w-d-xo.html ^^
Thank you for sharing it!
Too fast.
Pff way too much work
local tuya entities not appears in bubble card entity when selecting switch