RadGrid Header Is not displaying properly

[Babu Puchakayala]

hi,

I Have created radgrid. My radgrid header is not displaying properly. Please see the attached screen shot(Half with green color and half with silver color). Please let me know how to fix this.  Here is my radgrid aspx code.

<telerik:RadGrid ID="gvTrackers" Height="560px" runat="server" AllowPaging="true" AllowSorting="True"
            GridLines="None" AutoGenerateColumns="true" ShowGroupPanel="True" EnableHeaderContextMenu="true"
            EnableHeaderContextFilterMenu="true" AllowMultiRowSelection="true" AllowFilteringByColumn="True"
            OnNeedDataSource="gvTrackers_NeedDataSource" OnItemCreated="gvTrackers_ItemCreated"
            OnExcelMLExportStylesCreated="gvTrackers_ExcelMLExportStylesCreated" OnExcelMLExportRowCreated="gvTrackers_ExcelMLExportRowCreated"
            OnItemCommand="gvTrackers_ItemCommand" >
            <HeaderStyle Height="40px" Width="100px" BackColor="#004000" Font-Size="8pt" Font-Bold="True" ForeColor="White"
                HorizontalAlign="Right" BorderColor="white" BorderWidth="1px" />
            <ExportSettings IgnorePaging="true" ExportOnlyData="true">
            <Pdf AllowModify="false" AllowPrinting="true" PageWidth="16in" />
            </ExportSettings>
            <MasterTableView AllowMultiColumnSorting="true" CommandItemDisplay="Top">
                <CommandItemSettings ShowExportToWordButton="true" ShowExportToExcelButton="true"
                    ShowExportToCsvButton="true" ShowExportToPdfButton="true" ShowAddNewRecordButton="false" />
            </MasterTableView>
            <ClientSettings ReorderColumnsOnClient="True" AllowDragToGroup="True" AllowColumnsReorder="True">
                <Scrolling AllowScroll="true" UseStaticHeaders="true" />
                <Selecting AllowRowSelect="True"></Selecting>
                <Resizing AllowRowResize="True" AllowColumnResize="True" EnableRealTimeResize="True"
                    ResizeGridOnColumnResize="False"></Resizing>
            </ClientSettings>
            <GroupingSettings ShowUnGroupButton="true" />
            <PagerStyle Mode="NextPrevAndNumeric" HorizontalAlign="Right" Font-Bold="true" AlwaysVisible="true" />
        </telerik:RadGrid>

[Dimo]

Hello Babu,

The BackColor property sets a background color, but does not remove background images. You need to remove them explicitly with CSS:

div.RadGrid_Default  .rgHeader,
div.RadGrid_Default  th.rgResizeCol
{
       background-image: none ;
}

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.

[Babu Puchakayala]

Hi Dimo,

Thanks for your reply. Its working great. Thanks for your help.