Multiple columns within a list

apaine

List components normally draw data from top to bottom...<br />
Data1 Data2 Data3 Data4 Data5 <br />
Data6 <br />
<br />
...but you can also use them to present data from left to right as well:<br />
Data1 Data2 Data3 Data4 Data5 Data6 <br />
<br />
To draw from left to right create a new CSS style using the predefined name "list-detail" and change the Text Block --> Display setting to "Inline". This will draw everything from left to right but the items don't line up.<br />
<br />
To make the items in your list detail line up put them inside a 1x1 grid and fix the grid width to, for example, 20% for 5 columns, 25% for 4 columns etc.<br />
<br />
(See attached example)<br />
<br />
UPDATE - at the time of writing this works fine with HTML output but does not work with PDF or other emitters.