Chapter 5 GridView Selected Item

stoverje · #1 (**permalink**) July 8th, 2008, 09:06 PM

On page 175 of chapter 5, the background of red (#FF0000) for a Selected row only works on normal rows but is not working for alternate rows! How do I correct this problem?

Thanks,

Jim

surfer5 · #2 (**permalink**) August 6th, 2008, 06:51 PM

Hey Jim (again :))-

Can you post your CSS and ASPX code? I am hoping its just something small and, if I can see what you have going on, I might be able to figure it out.

You can also try downloading the code for chapter 5 here:

http://media.wiley.com/product_ancil.../Chapter_5.zip

There you might be able to see if the original code works in your environment or not. That can help us figure out what's breaking.

Thanks!

-Jacob

Jacob J. Sanford
Author of Professional ASP.NET 2.0 Design: CSS, Themes, and Master Pages
Co-author of Professional SharePoint 2007 Design

stoverje · #3 (**permalink**) August 8th, 2008, 04:11 PM

Jacob,

Thanks for responding.

I downloaded the chapter5 code and my code looks the same. I tried to even replace my CSS file with your CSS file and I still have the same problem. Interestingly, your chapter5 code works correctly! In my project, when I click [u]Select</u> on an Alternating row, the row takes on the color of the Normal rows instead of the "Selected" color. The "Selected" color works fine on the Normal rows. I don't understand it.

Here is my aspx code:

Code:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="GridView.aspx.cs" Inherits="GridView" %>

<!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>GridView Example Page</title>
    <link href="myGridView.css" rel="stylesheet" type="text/css" />
    <link id="Link1" href="~/CSS/Import.css" rel="Stylesheet" type="text/css" runat="server" />
    <!--[if lt IE 7]>
       <link runat="server" rel="stylesheet" type="text/css" href="~/CSS/BrowserSpecific/IEMenu6.css" />
    <![endif]-->   
</head>
<body>
    <form id="form1" runat="server">
      <div>
        <asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/GridviewSource.xml">
        </asp:XmlDataSource>
        <br />
        <asp:GridView CssSelectorClass="PrettyGridView" AllowPaging="true" PageSize="3" ToolTip="example" ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="XmlDataSource1">
            <Columns>
                <asp:CommandField ShowSelectButton="true" />
                <asp:BoundField DataField="Name" HeaderText="Name" SortExpression="Name" />
                <asp:BoundField DataField="URL" HeaderText="URL" SortExpression="URL" />
            </Columns>
        </asp:GridView>
      </div>
    </form>
</body>
</html>

Jim

Need to download code?

Navigation