Тёмный

How To Build a Dashboard | Bubble.io Tutorial 

Max Kubanek
Подписаться 318
Просмотров 3,2 тыс.
50% 1

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/

Опубликовано:

 

20 мар 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 19   
@rudib1119
@rudib1119 3 месяца назад
Thanks, this was really useful!
@nathanfetters4533
@nathanfetters4533 2 месяца назад
love this
@dalmarjosesantos
@dalmarjosesantos Месяц назад
Excellent tutorial. Thank you for sharing your knowledge.
@piyushuniyal7963
@piyushuniyal7963 4 месяца назад
loved it you gained a new sub G
@dominiknemecek1531
@dominiknemecek1531 3 месяца назад
🔥🔥🔥🔥
@clilimaxx9706
@clilimaxx9706 4 месяца назад
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
@observer3359
@observer3359 2 месяца назад
Can you please do a tutorial of how to import and work with a design from figma?
@maxkubanek
@maxkubanek 2 месяца назад
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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VmAD_6t4Jks.html&ab_channel=NoCodeAcademy
@jimmuell
@jimmuell 3 месяца назад
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?
@maxkubanek
@maxkubanek 3 месяца назад
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.
@piyushuniyal7963
@piyushuniyal7963 4 месяца назад
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
@youmo-ox3rn
@youmo-ox3rn 3 месяца назад
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
@maxkubanek
@maxkubanek 3 месяца назад
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
@clilimaxx9706
@clilimaxx9706 4 месяца назад
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.
@maxkubanek
@maxkubanek 3 месяца назад
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.
@kasforai
@kasforai 2 месяца назад
Can we make all page design in Bubble and always avoid Figma some say we need to remake anyways so thats why asking
@maxkubanek
@maxkubanek 2 месяца назад
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 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-9nrZO452vF8.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.
@kasforai
@kasforai 2 месяца назад
@@maxkubanek 80% seems poor also what makes you know what you design with Figma and not in Bubble?
@maxkubanek
@maxkubanek 2 месяца назад
@@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
Далее
Learn Bubble.io in 30 Minutes
28:45
Просмотров 50 тыс.
How to build a Dashboard in Bubble.io
27:55
Просмотров 1,4 тыс.
Design Tips & Tricks in Bubble.io | Tutorial
40:31
Просмотров 2,8 тыс.
Building AI Chatbots using Voiceflow | STEP BY STEP
2:51:36