Make links different color in the datagrid

[Mike Chamberlain]

Hi.

I'm using the standard datagrid control in my ASP.NET page. I have the
latest version and all service packs of the framework installed. I am
using the property builder to create my grid. My question is simple:
How do I make the links in different cells adopt a specific CSS class?

For instance, my header row in set to maroon and my links set to white.
This makes the sortable columns headings display nicely (white on
maroon background). But if I try to use a link somewhere else in my
grid (ie. a Hyperlink column) then it also appears as white on a WHITE
background.

How do I make the links in the header row use CSS class .linkHeader, but
make the links in the hyperlink column use .linkStandard? I tried the
following but obviously it doesn't work:

<asp:HyperLinkColumn Text="..." DataNavigateUrlField="master_id_account"
DataNavigateUrlFormatString="Edit.aspx?masterIdAcc ount={0}"
CssClass="linkStandard"></asp:HyperLinkColumn>

['System.Web.UI.WebControls.HyperLinkColumn' does not have a property
named 'CssClass'.]

Mike

[Mike Chamberlain]

Mike Chamberlain wrote:

> Hi.
>
> I'm using the standard datagrid control in my ASP.NET page. I have the
> latest version and all service packs of the framework installed. I am
> using the property builder to create my grid. My question is simple:
> How do I make the links in different cells adopt a specific CSS class?
>
> For instance, my header row in set to maroon and my links set to white.
> This makes the sortable columns headings display nicely (white on
> maroon background). But if I try to use a link somewhere else in my
> grid (ie. a Hyperlink column) then it also appears as white on a WHITE
> background.
>
> How do I make the links in the header row use CSS class .linkHeader, but
> make the links in the hyperlink column use .linkStandard? I tried the
> following but obviously it doesn't work:
>
> <asp:HyperLinkColumn Text="..." DataNavigateUrlField="master_id_account"
> DataNavigateUrlFormatString="Edit.aspx?masterIdAcc ount={0}"
> CssClass="linkStandard"></asp:HyperLinkColumn>
>
> ['System.Web.UI.WebControls.HyperLinkColumn' does not have a property
> named 'CssClass'.]
>
> Mike

I found a partial workaround myself. First set the UseAccessibleHeader
property of the grid to True, which tells it to render the table
properly (using <TH> tags for the header cells rather than <TD> - why
this isn't the default is beyond me). Then, two styles can be defined

TH A { color:white; }
TD A { color:maroon; }

which works fine for now. But what happens if I want to have a link of
one color in one Hyperlink column, and one of a different color in another?

Any suggestions appreciated.

Mike

[Riki]

Mike Chamberlain wrote:

> Hi.
>
> I'm using the standard datagrid control in my ASP.NET page. I have
> the latest version and all service packs of the framework installed. I am
> using the property builder to create my grid. My question is
> simple: How do I make the links in different cells adopt a specific
> CSS class?
> For instance, my header row in set to maroon and my links set to
> white. This makes the sortable columns headings display nicely
> (white on maroon background). But if I try to use a link somewhere
> else in my grid (ie. a Hyperlink column) then it also appears as
> white on a WHITE background.
>
> How do I make the links in the header row use CSS class .linkHeader,
> but make the links in the hyperlink column use .linkStandard? I
> tried the following but obviously it doesn't work:
>
> <asp:HyperLinkColumn Text="..."
> DataNavigateUrlField="master_id_account"
> DataNavigateUrlFormatString="Edit.aspx?masterIdAcc ount={0}"
> CssClass="linkStandard"></asp:HyperLinkColumn>
> ['System.Web.UI.WebControls.HyperLinkColumn' does not have a property
> named 'CssClass'.]
>
> Mike

If the other columns don't contain links, you can set the CssClass property
of the ItemStyle and AlternatingItemStyle.

--

Riki