How to create a mobile responsive dashboard layout in Bubble: Dashboard tutorial 3/3

Подписаться 19 тыс.

Просмотров 16 тыс.

50% 1

Make sure to watch the other two videos in this series first!
🎓 For more videos like this, check out my complete Bubble course (45+ hours of lessons) 👉 thinkitbuildit.co
🕐 Timestamps
00:00 - Intro
00:33 - Sidebar collapse UX patterns
02:30 - Collapse 'on click' logic
12:34 - Expanding 'on click' logic
19:03 - Smooth transitions & UI cleanup
23:09 - Creating breakpoints
28:22 - Overlaying the sidebar on small screens
31:34 - Fixing bug where sidebar appears on mobile page load

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

27 июл 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 31

@Mountainport Год назад

I would be very interested in videos on the other two options you mentioned. Love your videos!

@0Amshalem Год назад

35 min for a collapse side bar, omg in Webflow I'll do it in 5 min, I really want to use Bubble because all the DB option and no-code capabilities but damm this is a lot of work for this simple collapse, really appreciate all your tutorials, thank you very much.

@ResaleDisciple 7 месяцев назад

I'm definitely buying your course. I didn't realize that these videos are from the course. I was wondering why you stopped making videos but I see the rest are in the course. The thing is, I have learned so much from your video. I still need to learn more to actually do what I want but I see that your course can have me not rely on templates from air dev and bubble essential.

@TriggaTreDay Год назад

Yes the way twitter's side bar functions is perfect! It will provide a great variety for what is possible. Im actually looking to create something similar for a mini project that I am working on. So that tutorial would be very helpful. Thanks!

@oceaneveryday Год назад

Agreed! I would love to tweak my existing site to behave similar to Twitter's. Did Matt ever make a video for that?

@TriggaTreDay Год назад

@@oceaneveryday You know, Im not sure.. I need to look into it myself.

@Sam-vz7pf 8 месяцев назад

Matt i cant really describe how much you helped in my journey. Thank you very much.

@MrTruancyAble Год назад

This series is really helpful - thanks a lot! If you have fun doing it it will be interesting to see your approach with the twitter Layout. Cheers!

@AlexLunnar Год назад

Excellent Tutorial, Thanks !!!! Much Love from Brazil!!

@BorisMinor Год назад

I've built the whole thing from start to finish in a few hours! Thank you! I feel like this is a great start to my first app build.

@mneary Год назад

Happy to hear it!

@uen1857 3 месяца назад

thanks! very good explanation and good examples to illustare

@camitrading4938 Год назад

Thank you so much for the tutorial, you are amazing

@romangaranin2675 10 месяцев назад

Awsome video! Thanks a lot!

@erickanyiri3463 11 месяцев назад

Great job with the videos so far. Please add all of the example layouts as videos

@eilonlevi3927 Год назад

Great video thanks! Would love for the Twitter sidebar explanation video

@rynardwakefield2637 Год назад

This is awesome Matt, thanks for this series and I will probably buy your course because of it. Awesome, please keep them coming

@mneary Год назад

Thanks Rynard!

@tediak140 Год назад

@@mneary Hi 👋🏾 Please Matt, I just got certified from completing Airdev’s Nocode bootcamp but I would like to know something: In order to become a “professional” developer and eventually get accepted in such an agency, what courses or tutorials or bootcamp would you recommend? Or is there any other steps? Thanks in advance 🙏🏾 Your answer would be a precious advice.

@mashu9815 Год назад

very usefull thank you so much

@shabatidjani1354 Год назад

great one

@TokVault Год назад

Just wanted to say THANK YOU for this series. It absolutely changed the way I built my app and I love it! I I loads quickly and even though I am building a web app, the whole site behaves more like a native app that people are so used to and the mobile experience is flawless. You are extremely knowledgeable and your videos are well produced and 100% on point!

@musasibeko970 2 месяца назад

The GOAT

@emmanueladebayo512 Год назад

Please can you do a video on bottom nav bar? Thanks

@erickanyiri3463 11 месяцев назад

could you also create a video on making actual graphs and data for the content tabs

@hustlin_heev Месяц назад

hey Matt, can you put an invisible group behind the floating group side bar to achieve the same thing?

@erlendne Год назад

Thanks for a great video! Was just wondering if the quirk you made a workaround for at the end could maybe be solved by setting the custom state "sidebar visible"'s default value to "no". Going to give it a go and will let you kown how it goes.

@duncanmurtagh6918 Год назад

HI Erlend, how did it go? 🤔

@Ernest_D Год назад

Hello, and how to make products displayed when you click on a category. it turns out through a dropdown, but not with the help of a repeating group

@peterwolftips Год назад

This had to be made in pre "responsive" times, am I right? Why I'm asking is because I see no reason why to fiddle with the margins when we've got alinements and auto stretching. Or am I missing something?