Mobile grid row heights

[david_navigator]

I found a solution in these forums to setting the height of rows in a grid, but that seems to set the CustomCSS globally. How would I approach this problem if I have two grids, both requiring different row heights ?


 

 

Hi,

 

Try...

 

1. UnimDBGrid1 -> ClientEvents -> UniEvents ... beforeInit fn:

function beforeInit(sender, config)
{
  config.itemHeight = 30;
  config.headerContainer = {
    height: 30
  };
}

2. UniServerModule -> CustomCSS ... add

.x-grid .x-grid-column {
    border-style: solid;
    border-width: 1px 1px 0;
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
    vertical-align: middle;
    font-family: 'Times New Roman', Times, serif;
    font-size:  11pt;
    font-weight: bold;
}

.x-grid .x-grid-cell {
    height: 30px !important;
    line-height: 30px !important;
    font-family: 'Times New Roman', Times, serif;
    font-size:  11pt;
}

Best regards.

• 
•  
• 0

• Quote
• MultiQuote
•  
•  

 

[david_navigator]

ANyone ?

[Hayri ASLAN]

Add grid id before that 

.x-grid .x-grid-column {

Example 

#O15_id .x-grid .x-grid-column {