Question

All I want to do is an Image to the validation summary and format the hearder text in the validation summary. This is for IE.

    .validationSummary{border:1px solid black; margin-bottom:7px;}
    .validationSummary ul{ color:black; list-style-type: square;}


<asp:ValidationSummary ID="ValidationSummary" runat="server" BackColor="LightGray" DisplayMode="BulletList" CssClass="validationSummary" EnableClientScript="true" meta:resourcekey="ValidationSummaryResource"/>

So basically all I need is a way to add an icon to the validation summary and access the hearder css porperties.

Can I access the header like this: .validationSummary.HeaderText{color:Black;} IT does not seem to be working.

Answer 1

You can add the Header like this:

 <asp:ValidationSummary ID="ValidationSummary" HeaderText ="<span>the following fields require your attention</span>"/>

css:

.validation_summary{
    background: url(/image.png) no-repeat left;
}