- 9
- 57 359
MickeyD
Australia
Приєднався 12 жов 2021
For custom built plugins email me at mickeyd2030@gmail.com
Active Users Bubble Plugin
Tracking active users in real-time applications like chats, dashboards, or live interactions often involves detecting when users are online and when they leave. With our plugin, you can use client-side exposed states to track users' online statuses, allowing you to monitor user activity directly in your app.
The exposed states (either "active" or "away") provide a fast and easy way to access the user's current status. These states update in response to user interactions like mouse movements and keypresses, and will automatically switch to "away" if the user becomes inactive or leaves the page.
However, one of the biggest challenges in tracking active users is handling scenarios where users close their tabs or unload pages. Relying solely on exposed states isn't always reliable, as workflows may not complete before the page unloads-leaving users marked as "active" even when they're no longer online.
To overcome this limitation, we offer an optional backend solution that works alongside the exposed states for more accurate tracking. Our plugin can trigger a backend API to update the user’s status directly on the server side. This ensures that even if a page unloads unexpectedly, the user's status is updated correctly, maintaining an accurate list of active user IDs.
With minimal setup, you can implement both client-side tracking and a backend API for added reliability. Whether you're building a live chat, a dashboard, or any real-time experience, this solution provides a comprehensive and reliable method for managing active user tracking.
My Plugins: bubble.io/contributor/1565232415123x960964918039952600
The exposed states (either "active" or "away") provide a fast and easy way to access the user's current status. These states update in response to user interactions like mouse movements and keypresses, and will automatically switch to "away" if the user becomes inactive or leaves the page.
However, one of the biggest challenges in tracking active users is handling scenarios where users close their tabs or unload pages. Relying solely on exposed states isn't always reliable, as workflows may not complete before the page unloads-leaving users marked as "active" even when they're no longer online.
To overcome this limitation, we offer an optional backend solution that works alongside the exposed states for more accurate tracking. Our plugin can trigger a backend API to update the user’s status directly on the server side. This ensures that even if a page unloads unexpectedly, the user's status is updated correctly, maintaining an accurate list of active user IDs.
With minimal setup, you can implement both client-side tracking and a backend API for added reliability. Whether you're building a live chat, a dashboard, or any real-time experience, this solution provides a comprehensive and reliable method for managing active user tracking.
My Plugins: bubble.io/contributor/1565232415123x960964918039952600
Переглядів: 148
Відео
Bubble.io Tutorial | Show loading UI until backend WF completed
Переглядів 1,5 тис.10 місяців тому
In this tutorial I show you how to setup workflows to show UI elements such as "loading" and alerts when a backend workflow has completed or your app has received a webhook from a third party API. Checkout my plugins here 👉 bubble.io/contributor/1565232415123x960964918039952600
Create Stunning Popups in Bubble.io
Переглядів 64010 місяців тому
Up your Bubble.io design skills by creating a stunning Popup element. Checkout my plugins here 👉 bubble.io/contributor/1565232415123x960964918039952600
Bubble.io API Connector Tutorial
Переглядів 25 тис.3 роки тому
In this quick tutorial, I'll show you how to pull data from external API's into your Bubble.io App. This Bubble.io API Connector tutorial is easy to follow along and helps you understand how to make calculations and access external public API's. Checkout my plugins here 👉 bubble.io/contributor/1565232415123x960964918039952600
5 Design Tips for Better bubble.io Apps (Tutorial)
Переглядів 7 тис.3 роки тому
In this video, I'll show you 5 design tips for better bubble.io apps. Sometimes we can get so caught up in building new features, playing with plugins or integrations that we can easily forget to focus on designing our app from the beginning of the build. Here are my top 5 tips for building a better looking bubble.io app. 1. Styles 2. Colours 3. Responsiveness 4. Navigation 5. Utilising Reusabl...
bubble.io responsive design & data tables
Переглядів 8 тис.3 роки тому
Creating a data table with bubble.io responsive design can overall improve the functionality of your bubble app. Here is a tutorial showing you how to create a data table that's responsive by collapsing data fields as the screen size gets smaller. Checkout my plugins here 👉 bubble.io/contributor/1565232415123x960964918039952600
Switch between Light & Dark Mode within your Bubble.io App
Переглядів 2,7 тис.3 роки тому
Using option sets is a great way to create color pallets within your bubble.io application. Creating a dark mode in bubble.io is great way to add modern features to your current or next bubble project. Here is a tutorial showing you how to set up the functionality for your user to switch between light & dark mode within your Bubble.io App. Checkout my plugins here 👉 bubble.io/contributor/156523...
Creating a left menu with Bubble.io
Переглядів 6 тис.3 роки тому
How to create a responsive left menu in Bubble.io that collapses on mobile and an easy page navigation system using page parameters. We use option sets to create your page navigation and left menu with collapsable sub-menus. Bubble.io is a great no-code development tool used to create powerful software and web apps. Checkout my plugins here 👉 bubble.io/contributor/1565232415123x960964918039952600
Create a menu / sub-menu using option sets in Bubble.io
Переглядів 6 тис.3 роки тому
Here is a tutorial on how to create a toggle sub-menu using option sets in bubble.io Checkout my plugins here 👉 bubble.io/contributor/1565232415123x960964918039952600
i am not recieving any request, when I click on "detect data" and update the preview app
I am a bit curious if this works for non-simulated time for the back-end WF example (without web-hook) My understanding is that all Bubble Worfklows (BE or FE) trigger the steps asychronously- it does not wait on the first Scheduled APi worfkflow to "end" before moving onto the next step (where the next step would be 'inActionEnd' to toggle the DB to generate the 'completed' alert). Rather, it starts any/all of the Scheduled API steps in the order it finds most efficient (whether they're simple WF steps, public API WFs, or 'Back-end 'API' workflows operating on Bubble data - the ones I specifically want to 'show loading' until finished). So with that said, the 'inActionEnd' always triggers pretty much instantaneously along with the *start* of the time-consuming BE API workflow, possibly even a fraction of a second before, depending on how Bubble decides to delegate the processing - not when a previous step completes/ends. As such, the user doesn't get notified that the intermediary BE WF _finished_ processing anything - it could be going on for minutes, but Bubble triggers "inActionEnd" asynchronously, so they're just told it's done right away 😕 I've had to just give the user the 'feeling' they're waiting on a workflow by estimating an arbitrary amount of time, like how you simulated 5 seconds. But not ideal because some WF times scale with I've been able to make Bubble force the order of _which_ scheduled API tasks _begin_ first by putting it inside a custom workflow (Bubble does _start_ custom workflows in their listed order). But again, no luck getting one to trigger based on the *completion* of the prior step. If your "inActionEnd" workflow step actually triggers only *after* some long-lasting WFs truly finish (sans awaiting webhook), I'd love to know how you got that to work!
An excellent option for those of us testing our MVP.
Yeah, I was frustrated with how unreliable using exposed states from a plugin are as the page unloads before the workflows run. This is probably the best way to capture online status updates reliably.
Hey guys! I just submitted a free plugin for Bubble where you can get real-time alerts for any of your workflows that fail to complete. Has always been a frustration of mine so I created workflowlogs.com.
thanks for the video!
dude! i've been trying to do something similar for days now with another method and it was driving me crazy. This way seems to work so far, thank you a million
Hi Mickey, I'm trying to read data from Zabbix through the Bubble API CONNECTOR, I can do it using JSON code but I would like to use Bubble parameters, can you help me with this?
Hey, Do you need parameters for any particular reason? Looking at their api you should just be able to parse a json to the post request. If you want variables in your json just use <> around any variables you need. For example {"jsonrpc":"2.0","method":"item.create","params":{"name":"<name>"}}. Hope that helps :)
Hi. You video are really helpful. Thanks alot man. Hope you make more content on this.
This is exactly what I needed. Thanks!
too fast and too much clicking without explanation. Wish the instruction was more clear.
This is fantastic, thankyou! Could you show how to do this in a Repeating Group?
Hey can these be placed withJavaScript on external websites?
Does not work on my side, I h8 bubble. Thanks for the effort though.
This is very useful. Thanks for sharing!
Very cool…
Nice font (Plus Jakarta Sans). Definitely gonna use this one for my next project.
It's a good one. Other favourites are Inter, Poppins and Outfit.
Yo man! Where have you been? You're one of my inspiration when I started 2yrs ago.
Hey Mate! Been doing lots of building lately. I didn't even realise its been 2 years. 😆 Think it's time to share some of the knowledge I've accumulated of the past two years. You working on anything?
@@Bubblewithmickey cool, yeah launching my first SaaS in a couple of weeks!
Looks nice
Thanks. It is possible to make nice apps with Bubble.io 😉
Great video, thanks a lot!
Abolutely beautiful and straight to the point
Appreciate the help, brother.
Do you offer consulting or coaching sessions? Can I connect an external server to bubble app?
Hey! You can connect external servers with Bubble. I guess it depends on your use case. Is the data on an external server you want access via your Bubble app? Or are you looking for an alternative to Bubble due to other reasons? If you can keep your database in Bubble and work out any limitations I personally would as Bubbles database will only be getting better in the coming years and effort and time to use a different backend can be a nightmare. Xano is probably the best option at the moment. You can reach me at hello@flo.page if you need help with your project. Cheers, Mickey
@nocodeknowledge4186 thanks I will reach out via email.
Hey mate! Ive binge watched all your videos and love em - is there anyway I can get in contact with you? Fellow Aussie here
Hey mate. No worries you can email me at hello@flo.page.
great video thanks!
Legend! Clear and concise explanation. I was able to solve the issue that I had with your tutorial. Thanks man.
Thank you very much, you helped me a lot!
Thank you. Very understandable!
Amazing video!
there is a parameter in the URL which needs to passed with the input value ?? how do i call dynamic value
Great Job and explanation. Thank you very much!
what if you have 1000 rows or more, can you use pagination or something like that?
Thank you for a great video!
Thanks man, really straightforward.
Wow this can be way to much work when u already ´ve built a whole app
Great video brother 👏
Top demais 🔥Obrigado
Enjoying your videos. Thank you for the amazing tutorials.
very interesting, if I saw your video before, it would definetely save me a lot of time :D but still ... it's when we face to problems that we learn by solving it. Anyway ... I was wondering you talked about reusable element but why shouldn't use your side menu with a reusable element ?
Thank you!
Hello there! Amazing tutorial! I repeat your steps now and the Fitness Calculator changes the field BMI to BMR and add some required params too.
Hi mate, wondering if you have a website or some way to get in contact re some potential contract work?
Hey mate. You can email me at hello@springboardsolutions.com.au cheers! Mickey.
Thank-you for this!
Great tutorial!
Awesome tutorial, thank you!
you are going way too fast!
Great video, thank you! Would it be difficult to allow users to add, remove, or reposition columns?
Thank you, this helped greatly!
Nice.. Please is there any tutorial on API integration with klanar
Thanks for the video it was helpful. But I want to make the url dynamic how can i achieve this. Thanks
Super cool tutorial thank you. Is there any way to show the options when in Design/UI Builder mode? It's hard to get into the groove of designing things when all I see is a repetition of Current Cell's SidebarMenu. I'd love to have a way to even put in some placeholder text when in design mode only, then pull the actual option at runtime. Maybe that's a limitation of Bubble?