How To Build a Dashboard In Bubble.io

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

Пікірлер: 50

  • @enessahin3885
    @enessahin3885Ай бұрын

    Over 2 days surfing on the internet to learn something about bubble, this video is most helpful one.

  • @mindforge481
    @mindforge4813 ай бұрын

    cant wait to see more of your content

  • @blueprint24
    @blueprint24Ай бұрын

    Keep making videos bro! This is really good!

  • @jipiquittot
    @jipiquittot14 күн бұрын

    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 :)

  • @mindforge481
    @mindforge4813 ай бұрын

    Amazing tutorial my dude.. Thank you so much😍😍😍😍

  • @kobymoon_dev

    @kobymoon_dev

    3 ай бұрын

    Thank you!

  • @bajkezadecu953
    @bajkezadecu9532 ай бұрын

    This is the best video for Bubble dashboard ❤ thank you so much

  • @kobymoon_dev

    @kobymoon_dev

    2 ай бұрын

    Glad it was helpful!

  • @jishnusurendran8467
    @jishnusurendran84672 ай бұрын

    Very useful content! Thanks Koby!

  • @kobymoon_dev

    @kobymoon_dev

    2 ай бұрын

    Glad it was helpful!

  • @iliasdk8934
    @iliasdk89342 ай бұрын

    Really good content! can't wait to see more.

  • @kobymoon_dev

    @kobymoon_dev

    2 ай бұрын

    Thanks for the kind words!

  • @TschabataGrande
    @TschabataGrandeАй бұрын

    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.?

  • @vibehighest
    @vibehighest3 ай бұрын

    fantastic video please make more

  • @kobymoon_dev

    @kobymoon_dev

    3 ай бұрын

    Thank you! More to come.

  • @montcoeur_duoacoustique
    @montcoeur_duoacoustique2 ай бұрын

    Amazing video my man !

  • @kobymoon_dev

    @kobymoon_dev

    2 ай бұрын

    Appreciate it!

  • @nathancarranza9860
    @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

    @kobymoon_dev

    Ай бұрын

    What a kind comment. Thank you so much!

  • @brandonmccrae5472

    @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.

  • @philliplocey258
    @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

    @kobymoon_dev

    Ай бұрын

    Thanks for the kind words. Click View at the top and uncheck "Show grid"

  • @Mohammed-kg9st
    @Mohammed-kg9st3 ай бұрын

    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

    @kobymoon_dev

    3 ай бұрын

    Sooon. It will be one of my next videos.

  • @Mohammed-kg9st

    @Mohammed-kg9st

    3 ай бұрын

    @@kobymoon_dev Ok great

  • @kevynlopez6831
    @kevynlopez68313 ай бұрын

    Love it! Could you please make a tutorial about how to upload invoices? Thanks ma man!

  • @kobymoon_dev

    @kobymoon_dev

    3 ай бұрын

    Great suggestion!

  • @kasforai
    @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

    @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

    @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?

  • @mmendezgracia
    @mmendezgracia2 ай бұрын

    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

    @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

    @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

    @mmendezgracia

    2 ай бұрын

    forget it bro, I'm moving to your way because I think is best practice, thanks for your answer!

  • @HaroldRoyce-ii6en
    @HaroldRoyce-ii6en3 ай бұрын

    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

    @kobymoon_dev

    3 ай бұрын

    You are welcome! Are you asking how to do it when the URL is "example.com/dashboard"?

  • @HaroldRoyce-ii6en

    @HaroldRoyce-ii6en

    3 ай бұрын

    @@kobymoon_dev yes and will show the dashboard group

  • @HaroldRoyce-ii6en

    @HaroldRoyce-ii6en

    3 ай бұрын

    @@kobymoon_dev yes i wanna achieved that

  • @kobymoon_dev

    @kobymoon_dev

    3 ай бұрын

    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.

  • @adriendemaegdt5902
    @adriendemaegdt59023 ай бұрын

    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

    @kobymoon_dev

    3 ай бұрын

    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

    @adriendemaegdt5902

    3 ай бұрын

    @@kobymoon_dev And it's not much to load in the first place ?

  • @kobymoon_dev

    @kobymoon_dev

    3 ай бұрын

    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
    @mindforge4813 ай бұрын

    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

    @mindforge481

    3 ай бұрын

    i dont know whats wronf with bubbble the reason it turned red was because i selected it and not write it😮‍💨

  • @kobymoon_dev

    @kobymoon_dev

    3 ай бұрын

    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

    @mindforge481

    3 ай бұрын

    @@kobymoon_dev i got it solved, thank you so much.

  • @kobymoon_dev

    @kobymoon_dev

    3 ай бұрын

    @@mindforge481 Oh, awesome! You are welcome.

  • @andrell1206
    @andrell12063 ай бұрын

    special request for a form generator in the app. Users fills out questions, a PDF is generated.

  • @kobymoon_dev

    @kobymoon_dev

    3 ай бұрын

    That is a great suggestion!