Inline list view items on mobile

0
Hello all!  I've been trying to get these list view items to show next to the label. So far I came closest by using layout grid and using CSS display inline on the 2 collumns. I've left the top two items out of a layout grid to show the old vs new situation.  However, using layout grids to get the items inline, requires a layout grid for every field. Surely there's an easier way?  My method is also not fool proof, since there's two fields displaying right next to each other instead of being on theire own line.  https://imgur.com/a/SFt4sJl    
asked
3 answers
0

I've improved my layout grid method by adding the following mobile class: 

col-xs-x (where x is the collumn width). 

Still think there's a more efficient way ;) Since my project currently looks like this: 

answered
0

Hi Jan,

Is there a surrounding Dataview? In this you can set the 'Form orientation' property to horizontal to get the desired effect:

answered
0

Hi Wieke, 

Yes there is, and strange enough thats already set. 

I'm using this template btw: Phone_Default

Maybe that's forcing everything vertical? 

EDIT:
I tried adding an element in the dataview from the dataset. And thats also displayed vertical. 

 

answered