Skip to main content
Topic: multi column list (Read 2083 times) previous topic - next topic

multi column list

Is there example anywhere on how to have a list of records spread across 3 columns instead of a single one , be it on a view page or
a edit page? Id like to use more width on some pages to avoid scrolling.

Re: multi column list

Reply #1
@nepo77‍ please check below for image reference.

For fields
IMAGE (view or list page field resize.png)
1. Select a list or view page.
2. Select the field you want to work on.
3. This is an example of the value that can be entered in ColumnWidthOrClass.
4. This is where you enter your resize value for a field.



For Page Content(Form size, table size, etc)
IMAGE (page design 1.png)
1. Select Page Design.
2. Select the page you want to work on.
3. Look for Main Page View and click on its Section - Row - container.
4. Click on RowClass to set a class for the row, classes are based on the bootstrap classes

IMAGE (page design 2.png)
5. Look for Main Page View and click on its No Grid.
6. Select how long or short you want the field to be(from smallest col-md-1 to biggest col-md-12).


Re: multi column list

Reply #3
in the case of the list view, i found a nice way to make the columns wider , simply add space html code before and after the fieldname

ColumnWidhtOrClass : empty
Display Label :    Provincia