Operation Manual

469
DREAMWEAVER GEBRUIKEN
Spry-pagina's visueel opbouwen
Laatst bijgewerkt 2/5/2011
Alle CSS-regels in de volgende onderwerpen verwijzen naar de standaardregels in het bestand
SpryValidationTextArea.css. Wanneer u een Spry-widget tekstgebied voor validatie maakt, slaat Dreamweaver het
bestand SpryValidationTextArea.css op in de map SpryAssets van uw site. Het is wellicht interessant om dit bestand
te raadplegen omdat het nuttige informatie bevat over de diverse stijlen die u op de widget kunt toepassen.
Hoewel u de regels voor de widget tekstgebied voor validatie gemakkelijk rechtstreeks in het bijbehorende CSS-bestand
kunt bewerken, kunt u ook het deelvenster CSS-stijlen gebruiken om de CSS van de widget te bewerken. Het
deelvenster CSS-stijlen is handig om de CSS-klassen te zoeken die aan de verschillende onderdelen van de widget zijn
toegewezen, met name als u de modus Huidig van het paneel gebruikt.
Meer Help-onderwerpen
Het deelvenster CSS-stijlen in de modus Huidig” op pagina 132
Tekst opmaken van foutbericht voor widget tekstgebied voor validatie
Standaard worden foutberichten voor de widget tekstgebied voor validatie weergegeven in een kader met een rode
rand van 1 pixel dik.
Als u de tekstopmaak van de foutberichten voor een widget tekstgebied voor validatie wilt wijzigen, gebruikt u de
volgende tabel om de desbetreffende CSS-regel op te zoeken. Daarna verandert u de standaardeigenschappen of
voegt u uw eigen tekstopmaakeigenschappen en -waarden toe:
De achtergrondkleur wijzigen van de widget tekstgebied voor validatie
Als u de achtergrondkleuren van de widget tekstgebied voor validatie in de diverse toestanden wilt wijzigen,
gebruikt u de volgende tabel om de desbetreffende CSS-regel op te zoeken, en verandert u de standaardwaarden
voor de achtergrondkleur:
Te wijzigen tekst Relevante CSS-regel Relevante eigenschappen om te wijzigen
Tekst van foutbericht .textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
kleur: #CC3333; rand: 1px solid #CC3333;
Te wijzigen achtergrondkleur Relevante CSS-regel Relevante eigenschap om te
wijzigen
Achtergrondkleur van widget in toestand Geldig .textareaValidState textarea,
textarea.textareaValidState
background-color: #B8F5B1;
Achtergrondkleur van widget in toestand
Ongeldig
textarea.textareaRequiredState,
.textareaRequiredState textarea,
textarea.textareaMinCharsState,
.textareaMinCharsState textarea,
textarea.textareaMaxCharsState,
.textareaMaxCharsState textarea
background-color: #FF9F9F;
Achtergrondkleur van widget bij focus .textareaFocusState textarea,
textarea.textareaFocusState
background-color: #FFFFCC;