How To Build a Dashboard In Bubble.io
Рет қаралды 5,372
3 ай бұрын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
@enessahin3885 23 күн бұрын
Over 2 days surfing on the internet to learn something about bubble, this video is most helpful one.
@mindforge481 2 ай бұрын
cant wait to see more of your content
@nathancarranza9860 Ай бұрын
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.
@kobymoon_dev Ай бұрын
What a kind comment. Thank you so much!
@brandonmccrae5472 Ай бұрын
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.
@mindforge481 2 ай бұрын
Amazing tutorial my dude.. Thank you so much😍😍😍😍
@kobymoon_dev 2 ай бұрын
Thank you!
@blueprint24 Ай бұрын
Keep making videos bro! This is really good!
@jishnusurendran8467 Ай бұрын
Very useful content! Thanks Koby!
@kobymoon_dev Ай бұрын
Glad it was helpful!
@bajkezadecu953 Ай бұрын
This is the best video for Bubble dashboard ❤ thank you so much
@kobymoon_dev Ай бұрын
Glad it was helpful!
@iliasdk8934 2 ай бұрын
Really good content! can't wait to see more.
@kobymoon_dev 2 ай бұрын
Thanks for the kind words!
@vibehighest 3 ай бұрын
fantastic video please make more
@kobymoon_dev 3 ай бұрын
Thank you! More to come.
@montcoeur_duoacoustique Ай бұрын
Amazing video my man !
@kobymoon_dev Ай бұрын
Appreciate it!
@TschabataGrande 20 күн бұрын
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.?
@philliplocey258 Ай бұрын
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
@kobymoon_dev Ай бұрын
Thanks for the kind words. Click View at the top and uncheck "Show grid"
@Mohammed-kg9st 2 ай бұрын
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?
@kobymoon_dev 2 ай бұрын
Sooon. It will be one of my next videos.
@Mohammed-kg9st 2 ай бұрын
@@kobymoon_dev Ok great
@kevynlopez6831 2 ай бұрын
Love it! Could you please make a tutorial about how to upload invoices? Thanks ma man!
@kobymoon_dev 2 ай бұрын
Great suggestion!
@mmendezgracia 2 ай бұрын
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)
@kobymoon_dev 2 ай бұрын
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?
@mmendezgracia 2 ай бұрын
@@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.
@mmendezgracia 2 ай бұрын
forget it bro, I'm moving to your way because I think is best practice, thanks for your answer!
@HaroldRoyce-ii6en 2 ай бұрын
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
@kobymoon_dev 2 ай бұрын
You are welcome! Are you asking how to do it when the URL is "example.com/dashboard"?
@HaroldRoyce-ii6en 2 ай бұрын
@@kobymoon_dev yes and will show the dashboard group
@HaroldRoyce-ii6en 2 ай бұрын
@@kobymoon_dev yes i wanna achieved that
@kobymoon_dev 2 ай бұрын
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.
@kasforai Ай бұрын
Should we avoid using figma to first design and then import them? Also can we add dynamic 📊 if so how will graph changes?
@kobymoon_dev Ай бұрын
No, Figma is definetly essential for creating the design first. There are some great plug-ins for creating dynamic graphs and such.
@kasforai Ай бұрын
@@kobymoon_dev but some say we need to remake it again in Bubble and that import don't always work so whats the point?
@adriendemaegdt5902 2 ай бұрын
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 ?
@kobymoon_dev 2 ай бұрын
You can do either or. The nice thing about using parameters, is that you get a seamless experience without load times when clicking tabs.
@adriendemaegdt5902 2 ай бұрын
@@kobymoon_dev And it's not much to load in the first place ?
@kobymoon_dev 2 ай бұрын
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.
@mindforge481 2 ай бұрын
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
@mindforge481 2 ай бұрын
i dont know whats wronf with bubbble the reason it turned red was because i selected it and not write it😮💨
@kobymoon_dev 2 ай бұрын
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.
@mindforge481 2 ай бұрын
@@kobymoon_dev i got it solved, thank you so much.
@kobymoon_dev 2 ай бұрын
@@mindforge481 Oh, awesome! You are welcome.
@andrell1206 2 ай бұрын
special request for a form generator in the app. Users fills out questions, a PDF is generated.
@kobymoon_dev 2 ай бұрын
That is a great suggestion!