Show data to the user but not in a list way

Hey guys,
So I want to show the data that the user inputs in a way that makes his data looks in a beautiful zigzag way with pictures from our own imported pictures and the pictures are displayed according to a drop down list.

My question is, is there a way to display multiple data inputs in a cool way or at least I have the control of where I can make it show instead of a plain list?

If there wasn’t how can I make a one input group displays data in let’s say 5 text spaces without repeating the info that was inserted like the photo in which it displays the same thing.

Can you draw on the picture to show what you want it to show?

You can have another repeating group inside the repeating group cell, to show lists in another way.

i want to show it like this, the “pic” are images from my database, they are not uploaded by the user

I imagine you could build this with a repeating group, basing the display logic on the current index and showing either the right or the left side.

If you wanted to allow overlap between “rows”, you could manipulate the position or margin with negative values.

It looks a lot like a vertical timeline, so another approach is to look for a “javascript vertical timeline” and try to integrate it. It’d be tricky to get the scrolling and sizing right within a Bubble page.

Some samples (possibly some of these use the same code as each other):
https://codyhouse.co/demo/vertical-timeline/index.html



https://codepen.io/codyhouse/pen/FdkEf