How to Make a responsive sidebar

aliukuki · 2020-06-12T22:14:21.685Z

Hello guys,

Can anyone help suggest how i can do something like this?
When I click a button, a right sidebar appears but the trick is when the sidebar animates in - the repeating group reduces also, I attached a quick video explaining.

varshneyandson · 2020-06-13T13:22:45.211Z

I think you would have to try the Responsive Tab “Hide when parent width ___” on the Details pane.

image1280×921 35 KB

Please see this demo where I was experimenting with a similar feature:

Bubble

Bubble - Visual Programming

Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

Editor (Read-Only B2b-left-shift | Bubble Editor

However, this is based on screen width. You may have to create a reusable repeating group element and then have two of these elements, one full width that shows when the Details pane is hidden, and one partial width when the Details pane is showing.

system · 2020-08-21T22:14:23.199Z

This topic was automatically closed after 70 days. New replies are no longer allowed.