Container Height inside a layout grid

0
Currently I have 2 collumns in a layout grid row. In one column there's a list view inside a container and in the other one a data grid inside a container. I want both containers to have the same height but cannot seem to get it right. Anyone suggestions on what I can do?
asked
3 answers
1

Hi Bram,

You can accomplish this by just adding 'display: flex;,' to both the row and column.

Hope this works for you

 

answered
0

Bram,

I have used css like this in the Common tab of the ListView (or Datagrid)

margin: 1px; 
padding: 1px;
max-height: 250px; 
overflow-y: scroll;
overflow-x: hidden;

This will display the ListView with a height of 250px and a vertical scroll bar if necessary.

Hope that helps,

Mike

answered
0

Hi Bram,

  You can use CSS Flex box styling with Mendix, so perhaps the equal height columns option would be helpful to you in this situation.

  This would involve adding the .row-eq-height class to your layout container row

answered