How to make dynamic text in to two columns

Idea Implemented
1

capture 001
capture 001976Ă—723 72.3 KB

2

Hello and welcome back to the community!

Example:

Database
Resume
Description1 (text)
Description2 (text)

Text element
Assuming the text elements are inside a group of content type “resume” … then the expression in each of them should look like this:

Left:
parentgroup’s resume description1 value
Right:
parentgroup’s resume description2 value

Hope this helps! :grinning:

3

I believe the million dollar question is:

How do you split a long, dynamic text into 2 columns?

1 Like
4

In the design editor add the UI elements as needed

Perhaps going through the following short videos may present some of the concepts needed for the answer you are looking for and more

5

it has only one description

6

First go to settings and enable “Expose the option to add an ID attribute to HTML elements”.

Once you do that, setup your text element. Provide your text element with an ID (for example #textID).

Select the main page element. Go to Page HTML Header and add this css:

#textID {
column-count: 3;
column-gap: 40px;
column-rule-style: solid;
column-rule-width: 1px;
}

Adjust parameters as necessary. Use https://www.w3schools.com/css/css3_multiple_columns.asp as a resource to find more parameters and what they do.

3 Likes