Reduce space between datagrid 2 objects.

0
I have a datagrid 2 that shows objects of entity x, how can I reduce the space between rows that show these objects?  
asked
3 answers
1

Hi Diego,

 

You can add the following class to your apps stylesheet and add the class to your DataGrid 2.

The values within the 'customdg2' class will then override the custom DG2 styling.

 

.customdg2 {
    .table .td {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

You can play with the values of the padding so that it suits your needs. Obviously you can also change the name of the 'customdg2' class to something that makes more sense for you.

 

Good luck!

answered
0

Hi Diego Ploche,

 

You can check on the screen where this Data Grid is place at the  Properties > styling for the spacing settings for bottom and top. (see image below)

 

If that does not work, check for Styling classes in Common Secction. (see image below). In case there is a class, check your stylesheets and search (Ctrl+f) on Margin and Padding settings.

 

image.png

 

Hope this helps,

Jan

answered
0

Several ways, check https://service.mendixcloud.com/p/demodatagrid2 for an overview and instructions. Download module "Atlas3extras" for a view of nice classes.

Also check https://atlasdesignsystem.mendixcloud.com/p/dashboard for Mendix' tips and tricks on this subject.

answered