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

SelectedItemStyle-BackColor problem

3 Answers 166 Views

Grid

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

Arthur Wu asked on 12 May 2011, 03:50 AM

example.png

When I set "#ffff99" to SelectedItemStyle-BackColor,
after the grid was selected color is "#ffff99", but select the second records, the first record of the color is still "#ffff99", but I use red or other colors to work.

1.see example.png
2.I use radcontrol for asp.net q1 2010, 2010.1.415.35

aspx：

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="WebApplication1._Default" %>

<%@ 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">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<div>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" AutoGenerateColumns="true"

PagerStyle-AlwaysVisible="true" GridLines="None" PageSize="8" SelectedItemStyle-BackColor="#ffff99"

Skin="Web20">

<PagerStyle Mode="NextPrevAndNumeric" PageButtonCount="8" />

<ClientSettings>

<Selecting AllowRowSelect="True" />

</ClientSettings>

</telerik:RadGrid>

</div>

</form>

</body>

</html>

vb：

Imports System.Data

Imports System.Data.SqlClient

Partial Public Class _Default

Inherits System.Web.UI.Page

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

Try

Dim cn As New SqlConnection("Data Source =(local);Initial Catalog = test;User id = sa;Password = test@123")

Dim da As New SqlDataAdapter("select * from t", cn)

Dim ds As New DataSet

da.Fill(ds, "dt")

RadGrid1.DataSource = ds.Tables(0)

Catch ex As Exception

End Try

End Sub

End Class

3 Answers, 1 is accepted

answered on 16 May 2011, 03:10 PM

Hello Arthur,

To achieve your goal I recommend that you dump that SelectedItemStyle-BackColor property altogether and use CSS only.

div.RadGrid_SkinName .rgSelectedRow

{

...........

}

and

div.RadGrid_SkinName .rgSelectedRow td

{

...........

}

You can also refer to the blog post below:
http://blogs.telerik.com/dimodimov/posts/08-06-17/how_to_override_styles_in_a_radcontrol_for_asp_net_ajax_embedded_skin.aspx

Greetings,
Pavlina
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

answered on 18 May 2011, 04:15 AM

Telerik Admin:
Thank you, I reference http://www.telerik.com/community/forums/community-forums/design/conditional-formatting-skews-all-the-skin-format-once-applied-to-a-row-in-radgrid.aspx#601248 .

Related programs are as follows:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="select.aspx.vb" Inherits="WebApplication1._Default" %>