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

[Solved] Select Row Color Problem

3 Answers 121 Views

Grid

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

Alex asked on 01 Jul 2009, 12:49 AM

Hello All,

We are using this awesome grid control but we have a problem by the moment:(

The height of a row is not the standard and one of its columns has a default bg color. This gives us an image of 80% select row color and 20% original column backgroung color when selectig it :(

How can we solve it ?

    
            <telerik:RadGrid ID="rgTemplate" runat="server" AutoGenerateColumns="False"   
        
            GridLines="None" AllowPaging="True" AllowSorting="True"   
        
            PageSize="22" CellPadding="0" AllowMultiRowSelection="True"   
        
            OnNeedDataSource="rgTemplate_NeedDataSource" Skin="Vista" Width="100%">  
        
                   <MasterTableView ShowFooter="True"                                   
        
                   cellspacing="-1" 
        
                   DataKeyNames="MailExternalTemplateId"   
        
                   ClientDataKeyNames="MailExternalTemplateId">         
        
                   <Columns>       
        
                         <telerik:GridTemplateColumn ItemStyle-Width="1%">  
        
                          <ItemTemplate> 
        
                            <asp:ImageButton ID="imgTemplate" runat="server"          ImageUrl="~/Images/ico_16_2010_d.gif"  /> 
        
                          </ItemTemplate> 
        
                         </telerik:GridTemplateColumn>                      
        
                         <telerik:GridBoundColumn  
        
                            UniqueName="Name"   
        
                            SortExpression="Name" HeaderText="Name" DataField="Name"  ItemStyle-BackColor="#EAF3FF"   
        
            ItemStyle-Width="25%">  
        
                         </telerik:GridBoundColumn>                          
        
                         <telerik:GridTemplateColumn HeaderText="Description"  UniqueName="Description" SortExpression="Description" ItemStyle-Width="20%">  
        
                                <ItemTemplate> 
        
                                   <asp:Label ID="lblDescription" runat="server" Text='<%#  Eval("Description")%>'></asp:Label> 
        
                                   <asp:HiddenField ID="hdTemplateId" runat="server" Value='<%# Eval("MailExternalTemplateId")%>'  /> 
        
                                 </ItemTemplate>                          
        
                         </telerik:GridTemplateColumn> 
        
            ..

3 Answers, 1 is accepted

answered on 01 Jul 2009, 05:55 AM

Hi Alex,

Try including the below given CSS in the head section of your page and see whether it resolves the problem.

CSS:

    
            <head runat="server">  
        
                <title>Untitled Page</title>  
        
                <style type="text/css" >  
        
                 .RadGrid_Vista .rgSelectedRow 
        
                 { 
        
                   background:#abdbf5 0 -3900px repeat-x url('Grid/sprite.gif')!important;  
        
                 } 
        
                </style>  
        
            </head>

Shinu

answered on 01 Jul 2009, 09:45 PM

    
            <telerik:GridBoundColumn     
        
             UniqueName="Name"      
        
             SortExpression="Name" HeaderText="Name" DataField="Name"  ItemStyle- BackColor="#EAF3FF"      
        
            ItemStyle-Width="25%">     
        
            </telerik:GridBoundColumn>

Thanks,

But including this style does not let me override bg color on the column specified when row is selected. :(