Change Datagrid Search Label Width

0
  Hi, Newbie here. Please note I'm not a designer, but I understand basic CSS and have manged to get an SASS compiler running for styling my Mendix App. I have a datagrid with a couple of search fields. I'm trying to change the label width for the search fields (.mx-grid-search-label when I inspect in Chrome). I've only managed to do so by assigning the datagrid-fullsearch class to the datagrid, but then I can't use more than one search field...  Can anyone tell me if there's something I can add in _datagrids.scss in order to control the label width of the search fields for a particular datagrid? Thanks!  
asked
1 answers
4

Hi Reinout,

 

You should create a custom class for this datagrid and add the following to your custom stylesheet or .scss file. 

.<custom class> .mx-grid-search-inputs .mx-grid-search-input {
  width: <the width you want>;
}

 

Hope that helps for you. 

 

Kind regards,

 

Jeffrey

answered