How To Build a Dashboard | Bubble.io Tutorial
Вставка
- Опубліковано 20 бер 2024
- In this video, I'm going to show how to build a clean responsive dashboard in Bubble.io + using navigation with url parameters as well as floating sidebar. Enjoy!
Want Us To Build Custom Software Solution? 👾
mirox.digital
Or Book a Call! 💻
calendly.com/mirox/15min
Figma Template - gamma.app/docs/Figma-Template...
SEO Color Optimization - uicolors.app/create
--------------------
Follow me here for more content:
Join my newsletter 📩 - maxs-newsletter-c85bdf.beehii...
/ maximkubanek
/ max.kubanek
/ max-kubanek-73b692285
Website - www.maxkubanek.com/
Thanks, this was really useful!
love this
Excellent tutorial. Thank you for sharing your knowledge.
loved it you gained a new sub G
🔥🔥🔥🔥
also can you please make a video on stripe integration, and the scenario, working on is that i have one time fix payment but there are bunch of options as addons can u please explain in a video how can we achieve it looking forward for the video
Can you please do a tutorial of how to import and work with a design from figma?
I talked about this in my most recent video on Bubble Design. I don't use this method but here's a straightforward tutorial on how to do it: ua-cam.com/video/VmAD_6t4Jks/v-deo.html&ab_channel=NoCodeAcademy
I'm trying to have the Home menu item be the default item selected on page load, i created a on page load workflow setting the "send more page parameters" to "v=home'sdisplay", this selects. the Home menu item but I cant click Analytics because it reloads the page and sets the menu to Home. Is there away around this or do i need to use state to display menu items instead of page url parameters?
Yea like I mentioned above, it's all about the condition.
So this workflow you described should ONLY run if the url parameter is EMPTY.
Meaning that if the url parameter is not empty, the workflow won't run.
hey bro please make a full tutorial of personal financial tracking app fully working ready to use and add subscription also and use any no-code platform like flutterflow or blubble please i need to make this for project lol and last date is 1 april please make a video if possible
hey man the video is so good but I have one question if you could help me , I dont know what analytics I should put in the analytics part and how can I do it
That depends on what do you need to track right ahhaha
For charts and graphs I used ChartJS paid plugin (there's a lot of documentation on how to use it) but you're good with the default free version.
When it comes to creating statistics, I recommend creating a seperate data type - something like "Weekly Statistics" for example
bro this video is awesome but one thing which u have not explained is nav-home is not visible onpage load so thats the main group to be shown. if we make it visible on page load how can we hide it if we navigate to another tab.
There are 2 ways I go about it.
1. You can set up a workflow that happens on page load once a condition is true (if get data from url is empty - in this case it would be v=home).
Then the workflow would be "go to page" and redirect the user back to the parameter. It's basically the same thing if the user is logged out, you don't want them to interact with the dashboard but push them to a login page.
In this case the url parameter on page "dashboard" can't be ever empty (hopefully that makes sense)
2. You would set this up either way but when the user logs in or signs up, you're going to create a simple workflow of "go to page" and just send the parameters you want.
Can we make all page design in Bubble and always avoid Figma some say we need to remake anyways so thats why asking
Well there are 2 ways to go about this.
1. We use Figma because it helps to create mockups of how pages should look like so that the building process is much smoother and clearer. - I talk about this in my latest video ua-cam.com/video/9nrZO452vF8/v-deo.html&ab_channel=MaxKubanek
2. You can literally design everything in Figma and then import it to Bubble, however, it's going to be always like 70-80% accuracy and you have to assign all of the workflows and functionality manually.
Honestly, use what helps you and makes you time-effective. Before you start building, you have to know exactly what you're building otherwise you're guessing. Hope this helps.
@@maxkubanek 80% seems poor also what makes you know what you design with Figma and not in Bubble?
@@kasforai I'm not sure I understand exactly what you mean.
But Figma is great for sketching out the applications design. If you design everything in Figma and then import it, elements like buttons, etc... won't be connected so instead of creating a button in Figma, you'll do that in Bubble