Personalizzazione del widget Selezione convalida



Nonostante la finestra di ispezione Proprietà consenta di eseguire semplici modifiche a un widget Selezione convalida, essa non supporta le attività relative agli stili personalizzati. È possibile variare il CSS del widget Selezione convalida in modo da creare un widget avente lo stile desiderato. Per un elenco più dettagliato delle attività relative agli stili, consultate www.adobe.com/go/learn_dw_spryselect_custom_it.

Tutte le regole CSS elencate negli argomenti che seguono fanno riferimento alle regole predefinite contenute nel file SpryValidationSelect.css. Durante la creazione di un widget Selezione convalida Spry, Dreamweaver salva il file SpryValidationSelect.css nella cartella SpryAssets del sito. Le informazioni contenute nel file sono utili poiché contengono commenti sui vari stili che possono essere applicati al widget.

Nonostante sia possibile modificare facilmente le regole del widget Selezione convalida direttamente nel file CSS associato, per modificare il CSS del widget è possibile anche utilizzare il pannello Stili CSS. Il pannello Stili CSS è utile per localizzare le classi CSS assegnate a parti differenti del widget, in particolar modo quando si utilizza la modalità Corrente del pannello.

Formattazione del testo dei messaggi di errore del widget Selezione convalida

Per impostazione predefinita, i messaggi di errore relativi al widget Selezione convalida vengono visualizzati in rosso, con un bordo di un pixel attorno al testo.

 Per modificare lo stile del testo dei messaggi di errore di un widget Selezione convalida, utilizzate la seguente tabella per localizzare la regola CSS appropriata, quindi modificate le proprietà predefinite o aggiungete proprietà e valori dello stile di testo desiderato:

Testo cui si desidera assegnare uno stile

Regola CSS pertinente

Proprietà relative da modificare

Testo del messaggio di errore

.selectRequiredState .selectRequiredMsg, .selectInvalidState .selectInvalidMsg

color: #CC3333; border: 1px solid #CC3333;

Modifica dei colori di sfondo del widget Selezione convalida

 Per modificare il colore di sfondo del widget Selezione convalida in vari stati, utilizzare la tabella che segue per localizzare la regola CSS appropriata, quindi modificare i valori dei colori di sfondo predefiniti:

Colore di sfondo da modificare

Regola CSS pertinente

Proprietà relativa da modificare

Colore di sfondo del widget in stato valido

.selectValidState select, select.selectValidState

background-color: #B8F5B1;

Colore di sfondo del widget in stato non valido

select.selectRequiredState, .selectRequiredState select, select.selectInvalidState, .selectInvalidState select

background-color: #FF9F9F;

Colore di sfondo del widget attivo

.selectFocusState select, select.selectFocusState

background-color: #FFFFCC;