Regarding Row space in gallery

0
Hi, I am facing space issue after one row. I have used gallery, inside gallery I have used one container for adding visibility condition, inside container, I have used Tooltip and then showing user inside tootlip.     But after local running, I see some extra space after one row in ESD Assessors Column. Can someone help me on this ?   Note :- I have checked in styling of all widget, it is default.
asked
2 answers
0

The issue is most likely not specific to the ESD Assessors column, but caused by the height of another widget in the same row.

 

In DataGrid2, the row height is determined by the tallest cell in that row. When you place a Gallery + Container + Tooltip inside a cell, this combination can sometimes add extra wrappers, margins, or a min-height in the DOM. As a result, the entire row becomes taller, and it looks like there’s extra space in the ESD Assessors column.

 

Kindly open the browser developer tools (F12) and inspect the row. You’ll usually see which element is increasing the height. Most of the time it’s the Gallery container or the Tooltip wrapper.

Practical fixes

  • If the Tooltip is causing the issue, try using the Text widget’s built-in tooltip/title instead of a separate Tooltip widget

  • Or wrap the problematic widget in a container, give it a custom class, and use CSS to reset margin, padding, or min-height

In short, this is a common layout side effect in Mendix 10 when combining Gallery and Tooltip inside DataGrid2. Simplifying the structure or tightening the CSS usually fixes it.

answered
0

Hi, What you’re seeing is spacing caused by the inner container and tooltip layout inside the Gallery item, not a bug in Mendix.

Even if the inner widget is hidden via visibility condition, the container around it still reserves vertical space. This is typical behavior of Mendix layout widgets: the layout calculates the item height based on the outer container dimensions, not just the visible content.

How to fix this

Instead of putting the visibility condition inside the container, put the visibility condition on the container itself, so Mendix removes the container from rendering entirely when the condition is false.

Ensure the container has Height = Auto and no fixed/min-height set.


If you’re using a Tooltip inside the container, try moving the Tooltip to the element itself rather than inside another layout container — this prevents additional reserved space from tooltips.

Why this works

Mendix uses CSS grid/flex layout to calculate space for gallery items, so even hidden widgets inside a container can reserve height if the container isn’t also hidden or auto-sized.


This usually resolves the extra space issue you see in the ESD Assessors column.

answered