How to keep the display layout when user narrow the browser screen - Mendix Forum

How to keep the display layout when user narrow the browser screen

0

we implemented a "_Sidebar_Full_Responsive" page to display "Dataview" with "Layout grid" container: expect to display the content in one row with the order

         Col1image  Col1  Col2  Col3  Col4

when user narrow the browser screen, it display the content in separated rows as

         Col1Image

         Col1

         Col2

         Col3

         Col3

We try to set the fixed width (min-width and width) for the "Dataview"  and "Layout grid" it not works.

Any help would be appreciated.

asked
2 answers
2

Hi Yang,

This can be done with classes:

The layout grid 'breaks' based on screen size, which can be manipulated in your styling.

To force it to stay the same however, add the above classes to the layout grid columns. In this example I have 3 columns, with width 4. These classes basically mean: take 4/12 width when screen is medium (md), and the same for small (sm) and extra small (xs). Alternatively, you could use a table: these distribute width without taking screen size in consideration.

For more documentation on the grid system see the official Bootstrap documentation: https://getbootstrap.com/docs/3.3/css/

answered
0

The class works great!  Thanks.  

answered