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

issue when using SelectedItemStyle BackColor="#rgb" of firefox3

9 Answers 244 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Luci
Top achievements
Rank 1
Luci asked on 27 Jun 2008, 02:18 PM
using <SelectedItemStyle BackColor="Red" /> works fine,
using any <SelectedItemStyle BackColor="#rgb" /> leaves the Background painted with selected color after selecting another row, this only happens on Firefox3.

9 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 30 Jun 2008, 08:30 AM
Hi Viorel,

We tested the SelectedItemStyle-BackColor property with HEX color values and everything was OK in Firefox 3. Maybe the problem is somewhere else. Could you show us how exactly you are reproducing the issue?


Greetings,
Dimo
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
0
Luci
Top achievements
Rank 1
answered on 01 Jul 2008, 02:37 PM
Hi and thanks for your patience to watch this (kindof stupid) topic :)
Steps to reproduce the problem:

1). new Website, add in design a RadScriptManager and a RadGrid
2). configure grid to a SQLDataSource, and set Enable Client Side Rows Selection
3).in source mode, after <RadGrid> tag, add

<

SelectedItemStyle BackColor="Red" />

build & run, works fine both ie6, ie7 and ff3.

4). Change to

<

SelectedItemStyle BackColor="#56789" />


run it under FF3, it would not work correctly, the backcolor remains on every clicked cell.

I know it sounds stoopid, but I've tried on several machines, same result.

WinXP SP2, with all patches installed,

FF3 version Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9) Gecko/2008052906 Firefox/3.0

RadGrid control is the one in the Telerik.Web.UI.dll vers. 2008.1.605.35

0
Dimo
Telerik team
answered on 02 Jul 2008, 06:35 AM
Hi Viorel,

Let us make sure that we understand each other - you are saying that Firefox 3 behaves as if RadGrid has multiple row selection enabled, is that correct? In other words, clicking on a row changes its background color and when you click on another row, the first row remains colored with the selected-style background, is that right? Well, we didn't reproduce such an issue on our side, I am sorry.

Here is the test page I used. Let us know whether we are missing something. Feel free to open a formal support ticket and send us a sample project for investigation. Thank you in advance.


<%@ Page Language="C#" %> 
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml"
<head runat="server"
<meta http-equiv="content-type" content="text/html;charset=utf-8" /> 
<title>RadControls for ASP.NET AJAX</title> 
</head> 
<body> 
<form id="form1" runat="server"
<telerik:RadScriptManager ID="ScriptManager1" runat="server" /> 
<div> 
 
<telerik:RadGrid 
    ID="RadGrid1" 
    runat="server" 
    DataSourceID="XmlDataSource1" 
    > 
    <SelectedItemStyle BackColor="#FF0000" /> 
    <ClientSettings> 
        <Selecting AllowRowSelect="True" /> 
    </ClientSettings> 
</telerik:RadGrid> 
 
<asp:XmlDataSource ID="XmlDataSource1" runat="server"
    <Data> 
        <nodes> 
            <node Column1="Column1" Column2="Column2" /> 
            <node Column1="Column1" Column2="Column2" /> 
            <node Column1="Column1" Column2="Column2" /> 
            <node Column1="Column1" Column2="Column2" /> 
        </nodes> 
    </Data> 
</asp:XmlDataSource> 
 
</div> 
</form> 
</body> 
</html> 
 


Kind regards,
Dimo
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
0
Luci
Top achievements
Rank 1
answered on 02 Jul 2008, 06:58 AM
Hi, and thanks again for your patience. We are very close on working this together. Just change the #FF0000 which works perfectly for me, either, into something else, say #FF0001 and it won't work correctly.
pics attached :
http://www.scirocco.ro/tmp/4telerik.jpg

Well, I think it's clear now. Not a very big issue, but an odd one :D
Hope you can solve it fast.
0
Dimo
Telerik team
answered on 02 Jul 2008, 07:18 AM
Hello Viorel,

Thank you, now we reproduced the issue. Actually it is exhibited in Firefox 2 as well. We will investigate and do our best to fix this. In the meantime, please use SelectedItemStyle-CssClass.

Thank you very much for your cooperation. I have updated your Telerik points.

Kind regards,
Dimo
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
0
Princy
Top achievements
Rank 2
answered on 02 Jul 2008, 09:56 AM
Hi Viorel,

You can also go through the following help article which explains how to cutomize the row appearence.
Customizing row appearance

Princy.
0
Monsignor
Top achievements
Rank 2
answered on 21 Sep 2009, 01:56 PM
A lot of time has passed, but the issue is still present.
0
Frank
Top achievements
Rank 1
answered on 20 Aug 2012, 11:48 AM
I have a similar issue with google chrome

ItemStyle.BackColor = System.Drawing.ColorTranslator.FromHtml("#F7DAA9");
SelectedItemStyle.BackColor = ColorTranslator.FromHtml("#F8D05C");

--> 
when leaving the selected row, the backcolor does not return to ItemStyle.BackColor
but it Keeps coloring whith the color assigned to SelectedItemStyle.BackColor
0
Princy
Top achievements
Rank 2
answered on 27 Dec 2012, 04:45 AM
Hi,

Try the following CSS to give Background color for the selected row.

CSS:
.RadGrid_Default .rgSelectedRow td
{
    background-color:#F8D05C !important;
}

Thanks,
Princy.
Tags
Grid
Asked by
Luci
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Luci
Top achievements
Rank 1
Princy
Top achievements
Rank 2
Monsignor
Top achievements
Rank 2
Frank
Top achievements
Rank 1
Share this question
or