ValidationSummary not rendered in Bootstrap styling

[roryprimrose]

I am using @Html.ValidationSummary(true) but it is rendering in its default div/ul/li styling.

I don't have any integration with LESS yet, so the solution at http://stackoverflow.com/questions/13867307/show-validationsummary-mvc33-as-alert-error-bootstrap is a good option for me ATM.

I have added a partial view as indicated in the SO link.

@if (ViewData.ModelState[""] != null && ViewData.ModelState[""].Errors.Any()) 
{ 
   <div class="alert alert-error"> 
      <a class="close" data-dismiss="alert">×</a> 
      @Html.ValidationSummary(true)
   </div>
} 

I then added this partial view in the bootstrap layout file under the reference to

        @Html.Partial("_alerts")
        @Html.Partial("ValidationSummary")

The only thing missing is the styling of the UL which I removed with the following css:

.validation-summary-errors ul
{
    list-style-type: none;
}

It would be nice if this made it into the package. Not sure how you would want to integrated it though.

Cheers,

Rory

[erichexter]

That makes a lot of sense... I need to try this out with the runtime
scaffolding.

Eric Hexter

blog | http://Hex.LosTechies.com
info | http://www.linkedin.com/in/erichexter

On Sat, Dec 29, 2012 at 5:05 AM, roryprimrose notifications@github.comwrote:

I am using @Html.ValidationSummary(true) but it is rendering in its
default div/ul/li styling.

I don't have any integration with LESS yet, so the solution at
http://stackoverflow.com/questions/13867307/show-validationsummary-mvc33-as-alert-error-bootstrapis a good option for me ATM.

I have added a partial view as indicated in the SO link.

@if (ViewData.ModelState[""] != null && ViewData.ModelState[""].Errors.Any())
{

× @Html.ValidationSummary(true)

}

I then added this partial view in the bootstrap layout file under the
reference to

    @Html.Partial("_alerts")
    @Html.Partial("ValidationSummary")

The only thing missing is the styling of the UL which I removed with the
following css:

.validation-summary-errors ul{
list-style-type: none;}

It would be nice if this made it into the package. Not sure how you would
want to integrated it though.

Cheers,

Rory

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/45.

[erichexter]

I started implementing this.. it will need an additional css file to be
included in the package, to handle the override of the mvc default style.

[roryprimrose]

Fixed bug in the partial view which wouldn't render errors related to properties (via the true parameter on ValidationSummary)

I now use:

@if (ViewData.ModelState.Any(x => x.Value.Errors.Any()))