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

RadGrid Header Is not displaying properly

2 Answers 150 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Babu Puchakayala
Top achievements
Rank 1
Babu Puchakayala asked on 16 Jun 2010, 05:00 AM
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> 

2 Answers, 1 is accepted

Sort by
0
Accepted
Dimo
Telerik team
answered on 16 Jun 2010, 07:46 AM
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.
0
Babu Puchakayala
Top achievements
Rank 1
answered on 16 Jun 2010, 02:32 PM
Hi Dimo,

Thanks for your reply. Its working great. Thanks for your help.
Tags
Grid
Asked by
Babu Puchakayala
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Babu Puchakayala
Top achievements
Rank 1
Share this question
or