Dynamic data: show in fields horizontal layout - Forum | JoomShaper
Solved SP Page Builder

Dynamic data: show in fields horizontal layout

Asked by Seppe 2 months ago Last activity 2 months ago

Good evening
As per default for the index page, you create a dynamic collection, and you put in the dynamic fields..
In the options for the collection you can use the layout horizontal or vertical, but this is for the whole block.

What I want, is that the 3 fields I have are next to eachother.

I have some entries with a date, a time and a place

I wantto show the dynamic data as a list:
date time location
01/01 01h00 home
02/01 01h00 parents
03/01 03h00 soccergame

and so on.

per default it's
01/01
01h00
Home

is it possible?
Or do I better just make an ordinary table in a page?

Accepted answer

Marked as the solution
Atick Eashrak Shuvo Staff
2 months ago

Hello,

Thank you for your question.

Yes, this is possible without using a regular table.

Instead of placing the dynamic fields directly inside the Collection addon, you can add a Div addon within the Collection item and place your Date, Time, and Location dynamic fields inside that Div.

Then, set the Display option of the Div addon to Flex. This will allow the fields to be displayed horizontally on a single row, for example:

01/01 01:00 Home

You can also adjust the spacing, alignment, and other flex settings to achieve the layout you prefer.

Please give this approach a try, and let us know if you need any further assistance.

Log in to reply.