[Solved] itemstyle-cssclass, need to make one link red

[David Avery]

Hi, I have a requirement that one column, if a link appears, it be red and bold.  I am using a skin, and it will not allow my class to shine through (color is getting overrriden by the skin)  My CSS file has a "redlink: in it as below, and it is being used as the itemstyle-cssclass, but it is keeping the skin color.  I am aware I could set overall link colors, but the appearance of any values in these columns is a special case, and therefore the customer wants it red.  Can anyone help please?

Thanks

from css:
.redlink
{
    color: red !important;
    font-weight: bold !important;;
}

what the column def is:

<telerik:GridHyperLinkColumn HeaderText="Notes" SortExpression="noteCount" DataTextField="noteCount" ItemStyle-CssClass="redlink" DataTextFormatString="{0:#;;}"
    DataNavigateUrlFields="Claim Number" Target="_blank"
    DataNavigateUrlFormatString="ClaimNoteDisplay.aspx?cid={0}" UniqueName="ClaimNotes">
</telerik:GridHyperLinkColumn>

how it renders

<td class="redlink"><a href="ClaimNoteDisplay.aspx?cid=78952" target="_blank"></a> </td>

[Princy]

Hello David,

Try to set CssClass for links from code behind like below.

C#:

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
    {
        if (e.Item is GridDataItem)
        {
            GridDataItem item = (GridDataItem)e.Item;
            HyperLink link = (HyperLink)item["ClaimNotes"].Controls[0];
            link.CssClass = "redlink";
        }
    }

Thanks,
Princy.

[David Avery]

Thanks Princy

I thought about doing that, but it's nice to have grids with self contained logic.  I wonder why that property is there if it doesn't work easily?  I don't mind writing code, but I have many pages that use telerik products that are hard to support for junior level people because there is always some sort of "hack" to override functionality that should be working. 

I wish it would just respect the !important tag and let me color it my way :(

[Dimo]

Hi David ,

<a> elements do not inherit color and text-decoration styles, so you should use

.redlink  a
{
    color: red !important;
    font-weight: bold !important;;
}


Sincerely yours,
Dimo
the Telerik team