How to center emptyText inside grid dataView?

[mbenothmane]

Is there anyway we can display emptyText in the center of dataView instead of in the upper left corner? Any help would be really appreciated.

Thank!

[Condor]

Does your grid have a fixed height?

In that case you can assign a custom class to your grid, e.g.

var grid = new Ext.grid.GridPanel({
  cls: 'my-grid',
  ...
});

and use a CSS rule:

.my-grid .x-grid-empty {text-align: center; padding-top: <nnn>px;}

(<nnn> = half of grid minus text height)

If the grid doesn't have a fixed width the you would need to calculate the offset (override the applyEmptyText method).

[mbenothmane]

Thank you Condor for your response. The grid does not have a fixed height, it is located in region which has fit layout. Would your solution applies to this case as well?

Thanks!

Mohamed