Mostrar ValidationSummary MVC3 como "alerta-error" Bootstrap
Quiero mostrar un ValidationSummary mcv3 con un estilo Bootstrap de "alerta-error".
Estoy usando una vista de Razor y muestro los errores del modelo con este código:
@Html.ValidationSummary(true, "Errors: ")
Genera código HTML como este:
<div class="validation-summary-errors">
<span>Errors:</span>
<ul>
<li>Error 1</li>
<li>Error 2</li>
<li>Error 3</li>
</ul>
</div>
Intenté con esto también:
@Html.ValidationSummary(true, "Errors:", new { @class = "alert alert-error" })
y funciona bien, pero sin el botón de cerrar (X)
Genera código HTML como este:
<div class="validation-summary-errors alert alert-error">
<span>Errors:</span>
<ul>
<li>Error 1</li>
<li>Error 2</li>
<li>Error 3</li>
</ul>
</div>
pero la alerta de Bootstrap debería tener este botón en el div:
<button type="button" class="close" data-dismiss="alert">×</button>
¿Alguien puede ayudar?
¡Esto funciona! - Gracias Rick B
@if (ViewData.ModelState[""] != null && ViewData.ModelState[""].Errors.Count() > 0)
{
<div class="alert alert-error">
<a class="close" data-dismiss="alert">×</a>
<h5 class="alert-heading">Ingreso Incorrecto</h5>
@Html.ValidationSummary(true)
</div>
}
También tuve que eliminar la clase ".validation-summary-errors" de "site.css", porque ese estilo define el color y el peso de otra fuente.