Specificare il colore dei validator controls con uno stile CSS

di Matteo Casati, in UserScript, ASP.NET 2.0, Validator Controls,

I controlli di validazione di ASP.NET visualizzano il messaggio di notifica all'utente con un testo di colore rosso (DefaultValue della proprietà ForeColor, ereditato da BaseValidator); sebbene nella maggior parte dei casi risulti corretta questa impostazione, potrebbe - ad esempio per esigenze di integrazione grafica - essere necessario modificare il colore dei messaggi d'errore.
In questi casi, per assicurare una buona manutenibilità dell'interfaccia grafica, è consigliabile impostare lo stile dei controlli di validazione da CSS (anziché specificare per ogni Validator il valore della proprietà ForeColor).

Per fare questo dobbiamo, oltre a definire una classe specifica nel foglio di stile ed impostarla come proprietà CssClass del Validator, ricordarci di eliminare (stringa vuota) la proprietà ForeColor del controllo:

<style type="text/css"> .validator { color: #00f; } </style>

Nell'esempio il controllo di validazione corrispondente alla TextBox "txtNome" verrà visualizzato di colore blu:

 <asp:RequiredFieldValidator
      ID="fvNome"
      runat="server"
      ErrorMessage="Inserire il proprio nome"
      ControlToValidate="txtNome
      ForeColor=""
      CssClass="validator" />

Commenti

Visualizza/aggiungi commenti

| Condividi su: Twitter, Facebook, LinkedIn

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi