[Solved] Rowstyle not setting in full height

[Regeesh Joseph]

I have a radgrid as in image. I uses Sunset as skin. Its header and rowstyles color not in full height of the row.

<telerik:RadGrid ID="rgGoodsOutwards" runat="server" AllowFilteringByColumn="false"
                                            AllowPaging="false" AutoGenerateColumns="False" BackColor="#FFFFF8" BorderStyle="Solid"
                                            CellPadding="0" GridLines="Both" Skin="Sunset" TabIndex="7" Width="98%" Height="320px" >
                                            <AlternatingItemStyle BackColor="AntiqueWhite" Height="30px" />
                                            <MasterTableView PagerStyle-AlwaysVisible="true" Width="100%" HeaderStyle-ForeColor="White"
                                                HeaderStyle-BackColor="White"  ItemStyle-Height="30px">

Please help.

[Shinu]

Hi,

Try the following CSS.
CSS:

.RadGrid_Sunset .rgSelectedRow td
{

background-color:Red !important;

}

Thanks,
Shinu

[Regeesh Joseph]

It doesn't work.

[Shinu]

Hi,

Unfortunately I cannot replicate the issue at my end. Here is the CSS.
CSS:

.RadGrid_Sunset .rgSelectedRow td
     {
         border-bottom-color: none !important;
         background-color: Red !important;
     }

Attached is the screenshot.

Thanks,
Shinu

[Venelin]

Hello Regeesh,

I recommend you to avoid setting the background and other styles with markup attributes when it is possible to do it with CSS. This approach is obsolete and will have negative effect on the performance.

Therefore, change the select background for the Sunset Skin with the following CSS

.RadGrid_Sunset tr.rgSelectedRow
{
    background: #fffff8;
}

Also, I am sending a sample project to demonstrate you the approach.

Kind regards,
Venelin
the Telerik team

[Regeesh Joseph]

This is not working. Please provide a workable solution if possible. And why you are telling using attributes inside markup is obsolete? This is the common method we use globally in all controls except in Telerik controls. Solutions you are providing for one version is obsolete in next version. Now none of your solutions are working in our current version Q3 2012 recently purchased.

[Venelin]

Hi Regeesh,

I am not sure what is wrong on your side. On my side the sample project is running as expected in all major browser. For reference I am sending this video. Are you sure you added correctly the proposed CSS:

.RadGrid_Sunset tr.rgSelectedRow td{
    background: #e38443 0 -3900px repeat-x url('sprite.gif');
}

 
or another option is:

.RadGrid_Sunset th.rgHeader {
    background-image: none;
}

.RadGrid_Sunset tr.rgSelectedRow td{
    border-bottom: none;
    background: #e38443;
}

I hope this helps.

Kind regards,
Venelin
the Telerik team