[Solved] Alignment of Group Header

[sushma lochab]

Hi,

Whenever I perform grouping on a column , alignment of group header is not right.
I've tried to access GroupHeaderItem on PreRender and set VerticleAlignment to 'Middle'
....but of no use.(Please refer attached snapshot - GroupUI.png)

[Dimo]

Hello Sushma,

Probably your web page is running in quirks mode (no DOCTYPE or old HTML DOCTYPE). In this case you can adjust the groupheader's vertical alignment with CSS. Modify the value in orange, according to your preference:


div.RadGrid  .rgGroupHeader  td  div  div
{
    top:-0.2em;
}

div.RadGrid  .rgGroupHeader  td  div  div  div
{
    top:0;
}


All the best,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[sushma lochab]

Thanks!
It worked:)