Vertical-align middle header text C1Gridview

Vertical-align middle header text C1Gridview

Posted by: h-nguyenduc on 6 November 2020, 5:23 am EST

• 

  h-nguyenduc

  • Post Options:
  • Link
    Copy

  Posted 6 November 2020, 5:23 am EST

  Hi All,
  
  I am looking to align the gridview text header vertically in the middle.
  
  I changed in Web.config:
  
  Now: If I run using IE 9 or IE 11 then the header text is aligned correctly
  
  But if running in IE 7, the header text alignment fails. Looks like it’s padding top = 0px.
  
  I tried changing the padding but it seems very difficult vertically in the middle if row height changes
  
  I don’t use IE 9 because it interferes with other business.
  
  Please help me the styles that can be repositioned vertically in the middle.

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 10 November 2020, 7:40 am EST

  Hi,
  
  For this, we need to modify the CSS by adding the Padding. Please refer to the attached sample and the following code snippet:

  .wijmo-wijgrid .wijmo-wijgrid-headerrow .wijmo-c1basefield{
              padding: 30px 0 !important;
          }
  

  Regards,
  
  Manish Gupta

  GridView-IE7-HeaderAlign.zip