To set 2 items horizontal you can add the class lv-col-md-6 to the listview.
3 items in the row : lv-col-md-4
4 items in the row : lv-col-md-3 etc.
I think there would be two clean CSS solutions for this (float is not really meant for this i.m.o. and can cause unwanted behavior):
Hi Rohit,
In a recent project, we solved this challenge with css. If you apply float:left to your listview items, the new items will appear next to the previous item. Note that a new row will be used when your screen is 'full'.
Example:
.mx-listview{
width: 100%;
.mx-listview-item {
float: left;
}
}
Hopefully this solves your problem. If you have any further questions, please let us know.
Jeroen
Use the nested Layout Grid to split the space horizontally. Then move the fields in the list view into the Layout Grids.
No need to use CSS.