Restore Original Row Color

[Richard]

I have a grid with conditional row coloring to indicate status.  I am also using the drag and drop functionality.  When I select rows, the row color is changed to indicate selected.  When I unselect rows, the original row colors are not restored.  Instead, the rows are set to white.  How can I preserve the original row colors?  Thank you.

[Princy]

Hi Richard,

Please try setting the following style for your RadGrid. The code works fine at my end to highlight the selected row and the rows retain the original color on deselect.

CSS:

<style type="text/css">
.RadGrid_SkinName .rgSelectedRow td
{
    background-color: Green;
    border-bottom-color: Green !important;
}
</style>

Thanks,
Princy

[Richard]

I am setting the row colors in ItemDataBound based on data conditions:

e.Item.BackColor = Color.Gray;

When I select rows and unselect them the original row color is not preserved.  Instead the row color is set to white.  The style you sent affected the selected row color but it did not restore the original row color.

[Princy]

Hi Richard,

Below is a sample code that i tried and i was able to retain the row color. Please provide your code snippet if this doesn't help to identify the issue.

ASPX:

<ClientSettings Selecting-AllowRowSelect="true">
</ClientSettings>

C#:

protected void RadGrid1_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)
{
    if (e.Item is GridDataItem)
    {
        GridDataItem data = (GridDataItem)e.Item;
        string id = data.GetDataKeyValue("ID").ToString();
        if (id == "Some Conditon")
        {
            e.Item.BackColor = Color.Gray;
        }
    }
}

Thanks,
Princy

[Richard]

I am using Internet Explorer 10.  It is still not working.  The options I currently have set are as follows:

<style type="text/css">

    .rgSelectedRow td {

    background-color: Yellow !important;

    border-bottom-color: Yellow !important;

}

</style>

<SelectedItemStyle BackColor="Yellow" CssClass="rgSelectedRow" />

<ClientSettings AllowRowsDragDrop="true">

     <Scrolling AllowScroll="true" UseStaticHeaders="true" />

     <Selecting AllowRowSelect="True" EnableDragToSelectRows="false" />

     <ClientEvents OnScroll="SetScrollPosition" />

</ClientSettings>

Please advise.  Thank you.

[Princy]

Hi Richard,

I see that you have set back-color using CSS, as well as the SelectedItemStyle. Please remove SelectedItemStyle tag and use only the CSS for setting back-color as follows. Set the Skin you are using instead of the SkinName.

CSS:

<style type="text/css">
    .RadGrid_SkinName .rgSelectedRow td
    {
        background-color: Yellow !important;
        border-bottom-color: Yellow !important;
    }
</style>

Please try and let me know if any concern.
Thanks,
Princy

[Richard]

That solved the issue!  Thank you so much!