This is a migrated thread and some comments may be shown as answers.

GridGroupSplitterColumn

3 Answers 115 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Albert Shenker
Top achievements
Rank 1
Veteran
Iron
Albert Shenker asked on 16 Aug 2010, 06:53 PM
I have a grid which uses gfrouping. I remove the header border lines using the following for my data columns:

<

 

HeaderStyle HorizontalAlign="Left" BorderStyle="None"></HeaderStyle>

 


How do I do the same for the GridGroupSplitterColumn?

3 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 18 Aug 2010, 12:39 PM
Hello Albert,

You can use the following CSS rule:

.rgGroupCol
{
       border-width:0 !important;
}

You can remove vertical, horizontal or all borders, according to your preference, by modifying the above CSS rule.

Best wishes,
Dimo
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Albert Shenker
Top achievements
Rank 1
Veteran
Iron
answered on 18 Aug 2010, 01:04 PM
That takes care of the blue border, and I am satisfied with this solution, however there is a small display issue which, if it could be corrected, that would be ideal. Check out the attached screen capture. As you can see, the grid header appears to have a white border at the bottom which extends across all bound columns. For some reason, this does not extend across the groupincolumn portion of the ehader. I tried to change this by setting the grouping column header boottom border color to white, but this didin't work and also added this border for all the toggle cells below. Is there any way to get this white line to extend across the grouping column in the header?

Lastly, can you tell me what css class(es) are used to affect the style of the group headers?
0
Dimo
Telerik team
answered on 18 Aug 2010, 02:14 PM
Hi Albert,

The group header has a rgGroupHeader CSS class. For a list of RadGrid CSS classes, please refer to:

http://www.telerik.com/help/aspnet-ajax/grdcreatingnewskins.html

http://www.telerik.com/help/aspnet-ajax/grd-understanding-html-css.html


With regard to the first question, please add the following CSS rule after the previous one:

.rgGroupHeader:first-child  .rgGroupCol
{
    border-top:1px solid #fcfcfd !important;
}

Kind regards,
Dimo
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Grid
Asked by
Albert Shenker
Top achievements
Rank 1
Veteran
Iron
Answers by
Dimo
Telerik team
Albert Shenker
Top achievements
Rank 1
Veteran
Iron
Share this question
or