How To Build a Dashboard In Bubble.io
HTML-код
- Опубликовано: 8 мар 2024
- Want access to this tutorial's Bubble.io File? Check it out here 👉 lunardevs.co/free-files
Create a stunning dashboard for your Bubble.io application. We go over creating a left side navbar, transitions, parameters, and much more. This will be a perfect video if you are just starting to build your Bubble software.
Let me help you build your Bubble apps:
Hire me 👉 www.lunardevs.co/hire_us
Email me 👉 kobymoon.dev@gmail.com
Over 2 days surfing on the internet to learn something about bubble, this video is most helpful one.
Great content my guy! I'll be looking out for more from you. Keep it up 👊😎
cant wait to see more of your content
Keep making videos bro! This is really good!
This is an amazing video! Super well explained, thorough but not boring, clear, great pace. You deserve many more subscribers! That's +1 with me :)
Amazing tutorial my dude.. Thank you so much😍😍😍😍
Thank you!
Very useful content! Thanks Koby!
Glad it was helpful!
This is the best video for Bubble dashboard ❤ thank you so much
Glad it was helpful!
Really good content! can't wait to see more.
Thanks for the kind words!
Brother -- there's people who can teach and those who can't. You CAN teach. There are bubble developers that have large followings and when I watch their videos, they leave out so much to the point where the video loses its utility. I'm a legal professional; I'm not God's gift to earth, but I'm not dumb by any means. So, yeah -- keep the videos coming man. You're doing us all a great service. God bless.
What a kind comment. Thank you so much!
This is so true, besides this guy, I can only really learn from Gregory from Buildcamp. I have bought several courses from others that I regret buying. If Koby sold a course, I would buy it though, especially since his UI design is good.
fantastic video please make more
Thank you! More to come.
Amazing video my man !
Appreciate it!
Great course! I really need that second part. Any idea when it might come out?
Also, I noticed that you display all the content (dashboard, analytics etc.) on your index-page and you display them by changing the page URL. Why do you prefer this approach over having a separate page for the dashboard, analytics etc.?
Fantastic video. As a bubble learner this is invaluable. I'm looking forward to your other videos. When will you release the video on the responsive design of this dashboard?
Sooon. It will be one of my next videos.
@@kobymoon_dev Ok great
Koby,
This is excellent content, sir! Thank you for taking the time to put it together!
Quick (and maybe silly) question if I may? Background color...display? All of my pages have a Flat color of FFFFFF (white) with an opacity of 100%, but when displayed Design editor it looks like a checkerboard or...graphing paper? However, when I "preview" the page it displays correctly? How do I change the "view" of my background to mimic what I see here in this tutorial when editing, sir?
Thanks in advance
Love and Respect from Texas
Thanks for the kind words. Click View at the top and uncheck "Show grid"
Love it! Could you please make a tutorial about how to upload invoices? Thanks ma man!
Great suggestion!
Should we avoid using figma to first design and then import them? Also can we add dynamic 📊 if so how will graph changes?
No, Figma is definetly essential for creating the design first. There are some great plug-ins for creating dynamic graphs and such.
@@kobymoon_dev but some say we need to remake it again in Bubble and that import don't always work so whats the point?
Hi Kobi nice desing in your dashboard, in min 9:30 your workflow is sending the navigation to another page and for this reason you can include a parameter. In my case I'm trying to do something similar (changing the color of the tab into the side menu) BUT, my difference is coming when I'm not working with different pages, I'm working with groups instead. Is possible this (change color tab) when you change between tabs but showing/hiding elements (groups in my case)
I would be more than happy to help. To just be clear, you are not using parameters to navigate, as I show in this tutorial? And what are these groups, containers for the entire page or just individual groups within the main content? And these tabs you speak of, are they navigating to different pages, or just displaying different content within your page?
@@kobymoon_dev Thanks! I'm not using parameters, I'm using groups (i.e. in your video, dashboard is a group, analytics is a group, all groups are under the same page, and tabs are displaying different content in the same page.
forget it bro, I'm moving to your way because I think is best practice, thanks for your answer!
Hey, Thank you for your tutorial. have a question how I can display the dashboard content when the page loads when the URL is the dashboard not the parameter? thank you
You are welcome! Are you asking how to do it when the URL is "example.com/dashboard"?
@@kobymoon_dev yes and will show the dashboard group
@@kobymoon_dev yes i wanna achieved that
You would have turn the sidebar into a reusable element. Than you can place it on the dashboard page. Creat a workflow fo when they click dashboard to navigate to the dashboard page.
Thanks for the tutorial. Why don't navigate straight to an Analytics page for example ? Instead of hiding the content of analytics and displaying it when tab clicked ? Loading all tabs' content isn't to heavy ?
You can do either or. The nice thing about using parameters, is that you get a seamless experience without load times when clicking tabs.
@@kobymoon_dev And it's not much to load in the first place ?
From my experience and testing, it has minimal impact. When an element is hidden, the data associated with it is not loaded into the browser. Once you unhide the element, it than retrieves the data.
I'm facing an issue. When i try to add condition to the group dashboard it wont allow me to write that it goes red. "Get p from page URL is dashboard' please if you could help me solve this or guide me
i dont know whats wronf with bubbble the reason it turned red was because i selected it and not write it😮💨
I would be more than happy to help.. Hmm.. it is hard to say why it is red initially. One thing I could think, when you type "dashboard" after "Get p from page URL is", click out of the input, don't press enter, or it will assign some element on the page which will cause it to be red.
@@kobymoon_dev i got it solved, thank you so much.
@@mindforge481 Oh, awesome! You are welcome.
special request for a form generator in the app. Users fills out questions, a PDF is generated.
That is a great suggestion!