Dataview - Empty Space issue - height and overflow getting defined.

0
Hi Everyone,I have seen recently that - seen overflow and height issue in dataview.Page design - nested strcuture as followsLayout grid { Container{ Tab view { Dataview { Grid view to divide the data + Datagrid2 + Datagrid } footer of Dataview has forced display of button}}}As soon as i add the display condition on the save button, or for any button, there is overflow on the page and empty spacing that is visble.However, I managed to shift that button visibility logic by opting for dynamic classes.The questions, why the visible condition making the horizontal or spacing issue and not when i use same condition on the dynamic css value.Appreciate any help on this! Thanks in advance.
asked
4 answers
0

From your description, I suspect this is related to how Mendix handles widget visibility rather than a Data View height issue itself.


In traditional CSS:


visibility: hidden;

hides the element but still reserves its space in the layout.


Whereas:


display: none;

removes the element from the layout flow completely.


However, Mendix visibility conditions work a bit differently. When a widget visibility condition evaluates to false, the widget is typically not rendered to the client at all.


Since you mentioned that moving the logic to Dynamic Classes resolved the issue, I would check:

  • Whether the button is inside the Data View footer.
  • Whether the footer container has a fixed/min height.
  • Whether custom CSS is applying height, min-height, overflow, or flex properties.
  • Whether the nested Layout Grid → Container → Tab Container → Data View structure is causing a recalculation issue when widgets are added/removed.


Could you share some screenshots of the page structure and the generated HTML/CSS (browser inspect tool)? That would help determine whether the extra space is coming from the Data View footer, a parent container, or a custom style.


Kindly mark this as the accepted answer if it helps.

answered
0

The visibility condition causes Mendix to re-render/remove the widget from the page structure, forcing parent containers (DataView, Tab Container, Layout Grid) to recalculate dimensions. Dynamic classes only change styling while keeping the DOM structure intact, so the layout remains stable and no overflow or spacing issue appears.

answered
0

This is autofix, if we dont use ReactJS or Migration mode.

answered
0

Hi Everyone,


Im using the FileUploader.


I have the Files view from Datagrid2 and also added drag and drop feature.

User will have the flexibility of drag and drop also to upload file using upload button.


But when user using drag and drop feature the files are displayed under the File Uploader widget and also under the Grid2.


I want to use the drag and drop feature as a button only and not display them under the file.


Let me know your thoughts! Thanks in advance.


answered