RadGrid horizontal lines not drawing correctly

[Danielle]

The horizontal lines in my grid are not drawing properly (for certain columns) when there is grouping and a footer displaying aggregrates. If there is no grouping and footer, the lines appear fine.

The horizontal lines look thin for the length of the column, then return back to normal for other columns so it looks like it's been "shaved" for these columns.

My grid is as follows (and I can attach a screen shot of how my grid looks like). The first column is a checkbox column and I am creating the rest of the columns dynamically.

<telerik:radgrid id="PlanRadGrid" AllowFilteringByColumn="True" AllowSorting="True" AutoGenerateColumns="False" GridLines="Both" HeaderStyle-HorizontalAlign="Center" CommandItemStyle-HorizontalAlign="Left" HorizontalAlign="Justify" OnDataBound="PlanRadGrid_DataBound" OnItemCommand="PlanRadGrid_ItemCommand" runat="server" Skin="WebBlue" OnGroupsChanging="PlanRadGrid_GroupsChanging" OnItemCreated="PlanRadGrid_ItemCreated" GroupHeaderItemStyle-HorizontalAlign="Left" ShowFooter="True"  OnPreRender="PlanRadGrid_PreRender" OnItemDataBound="PlanRadGrid_ItemDataBound" OnInit="PlanRadGrid_Init" OnColumnCreating="PlanRadGrid_ColumnCreating" OnNeedDataSource="PlanRadGrid_NeedDataSource" >
     <MasterTableView TableLayout="Fixed" CommandItemDisplay="Top" DataKeyNames="ProjectID" GroupsDefaultExpanded="False"
 GroupLoadMode="Client" ShowGroupFooter="True" >
     <CommandItemTemplate>
        <asp:Button Runat="server" ID="ApplyFilterButton" Text="Apply Filtering" CommandName="MultiFilter" />
        <asp:Button Runat="server" ID="ClearAllFiltersLinkButton" Text="Clear All Filters" CommandName="ClearFilters" />
    </CommandItemTemplate>
    <NoRecordsTemplate> There are no projects for this plan version. </NoRecordsTemplate>
    <Columns>
        <telerik:GridTemplateColumn Groupable="False" AllowFiltering="False" UniqueName="CheckboxColumn" Resizable="False">   
            <HeaderTemplate>
                <asp:CheckBox  ID="headerChkbox" runat="server" OnCheckedChanged="ToggleSelectedState" AutoPostBack="True" />
            </HeaderTemplate>
            <ItemTemplate>
                <asp:CheckBox ID="CheckBox1" runat="server" AutoPostBack="False" />
            </ItemTemplate>
            <HeaderStyle HorizontalAlign="Center" Width="30px" />
                <ItemStyle HorizontalAlign="Center" />
            </telerik:GridTemplateColumn>
    </Columns>
    <ExpandCollapseColumn>
        <HeaderStyle Width="20px" />
    </ExpandCollapseColumn>
     <RowIndicatorColumn>
    <HeaderStyle Width="20px" />
    </RowIndicatorColumn>
    <CommandItemStyle BackColor="Beige" VerticalAlign="Top" Font-Bold="True" Font-Size="Small" HorizontalAlign="Left" />
    </MasterTableView>
    <FooterStyle Font-Bold="True" Font-Size="Small" Font-Italic="True" />
<HeaderStyle HorizontalAlign="Center" />
<GroupHeaderItemStyle HorizontalAlign="Left" />
<CommandItemStyle HorizontalAlign="Left" />
<FilterMenu EnableTheming="True" Skin="WebBlue">
<CollapseAnimation Duration="200" Type="OutQuint" />
</FilterMenu>
</telerik:radgrid> 

Thankyou for your assistance,

Danielle

 

 

 

 

[Sebastian]

Hello Danielle,

I suppose you are referring here to the double-border effect for adjacent group footers which can be observed on this online demo of RadGrid when you apply second group by criteria ('Units In Stock' for example):

http://demos.telerik.com/aspnet-ajax/grid/examples/groupby/groupfooter/defaultcs.aspx

Note that you can avoid this unwanted effect by removing the bottom border style setting for group footers explicitly. How to override the embedded skins styles set for RadGrid you can learn from the resources linked below:

http://blogs.telerik.com/dimodimov/posts/08-06-17/How_To_Override_Styles_in_a_RadControl_for_ASP_NET_AJAX_Embedded_Skin.aspx
http://www.telerik.com/help/aspnet-ajax/grdcreatingnewskins.html

Kind regards,
Sebastian
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.