How would I build this with Bubble?

Is it possible to build this timeline on web app? I have a problem with the shapes in the middle.

Do you need this to be dynamic? As if it were inside a repeating group?

Or

Can it be static?

Dynamic

what about 3 columns and using a hidden repeating group for the data, then 2 repeating groups for col 1 and col 3:

left with using the odd index numbers of the repeating group,

middle - 100% high shape, or fixed with a background colour

right - even number index numbers of the repeating group

I tried something similar once and needed to just build 2 outer groups (one for web, one for mobile) and set them to show/hide based on a breakpoint.

Just on Bubble or with plugin/scripts?

You can do likely this with one repeating group, and some creativity with negative margins

1 Like