Should I make my Bubble.io app single-page or multi-page?

[@oli4056]

Looks great. Just keep in mind when adding more groups to one page, it takes longer for your browser to load all html, etc elements. A great rule of thumb is to simply have the groups which users need to navigate fast to on the same page. And have things like settings on a different page. Also in your usecase, you can check the box ‘collapse element when it’s hidden’. This removes the white space you have at the bottom.

[@XCmdr007]

Great stuff! I went through the same path where I created a functional app with laying groups on top of each other. Perhaps, you can consider studying the free Canvas template and how it is built via vertically stacking content groups plus other expanded url parameter tricks for navigation. This when you build your next new application of course. Benefits: vertical space management to eliminate those bottom white spaces you are faced with now and faster management of navigation through url parameters when you need to make changes to your vertical nav menu 👍🏻

[@angelsaravia7973]

Any chance you know or any here knows how to recreate Jotmform Cards on Bubble? Including the conditional aspect as well.

[@patrickkesler3282]

Have you worked to make this responsive? I’m curious how you’d handle the side menu hide/show toggle and rescaling of your pages. I’ve spent some time on google, but haven’t found much of anything useful. The “collapse element size when hidden” only seems to work vertically. Any suggestions?

[@LearnBubble]

Hey Patrick! Pablo here. All the reusable elements would need to be responsive. If you're using the old responsive editor, to collapse the sidebar you would need to set up a few conditionals and custom states. This video should help: kzbin.info/www/bejne/rJPVYoymmaiggNk The new responsive engine makes it possible to collapse elements horizontally, so you could also use that. Something that I find useful when I want to learn how things are done is using templates and checking how they're built. A good example of a responsive dashboard is this one: docs.airdev.co/canvas-pages-and-modules/pages/portal-dashboard-page-with-icons, included in the Canvas template. Hope it helps!

[@patrickkesler3282]

@@LearnBubble Thank you so much for your help! I have been struggling like crazy with this. That was exactly what I needed.

[@LearnBubble]

@@patrickkesler3282 you’re more than welcome! Thank you for the good question :)

[@debbiemorgan1509]

Do new entries data coming from api's populate the dashboard without refreshing the page if we use the tabs?

[@LearnBubble]

They will but you need to adjust your API calls for it to happen. This forum thread should help: forum.bubble.io/t/refresh-rg-displaying-get-api-call-after-successful-post-api-call-to-same-data-source/91618/10

[@debbiemorgan1509]

@@LearnBubble thank you!

[@adityagupta7288]

can you please do a single page native app on bubble.io.

[@LearnBubble]

Hey Aditya! Thanks for the suggestion. We will cover native apps in the future!