Operation Manual

472
DREAMWEAVER GEBRUIKEN
Spry-pagina's visueel opbouwen
Laatst bijgewerkt 2/5/2011
<option value="-1"> ------------------- </option>
1 Selecteer een widget validatie selecteren in het documentvenster.
2 Ga naar de eigenschappencontrole (Venster > Eigenschappen) en voer in het vak Ongeldige waarde een getal in dat
u als een ongeldige waarde wilt gebruiken.
De widget Validatie selecteren aanpassen
Hoewel u vanuit de eigenschappencontrole eenvoudige bewerkingen in een widget validatie selecteren kunt uitvoeren,
worden aangepaste opmaaktaken niet ondersteund. U kunt de CSS-regels wijzigen voor de widget Validatie selecteren
en een widget maken die naar uw eigen smaak is opgemaakt.
Alle CSS-regels in de volgende onderwerpen verwijzen naar de standaardregels in het bestand
SpryValidationSelect.css. Wanneer u een Spry-widget validatie selecteren maakt, slaat Dreamweaver het bestand
SpryValidationSelect.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 validatie selecteren 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 validatie selecteren
Standaard worden foutberichten voor de widget Validatie selecteren weergegeven in een kader met een rode rand van
1 pixel dik.
❖ Als u de tekstopmaak van de foutberichten voor een widget validatie selecteren 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 Validatie selecteren
❖ Als u de achtergrondkleuren van de widget Validatie selecteren 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:
Op te maken tekst Relevante CSS-regel Relevante eigenschappen om te wijzigen
Tekst van foutbericht .selectRequiredState .selectRequiredMsg, .selectInvalidState
.selectInvalidMsg
kleur: #CC3333; rand: 1px solid #CC3333;
Te wijzigen achtergrondkleur Relevante CSS-regel Relevante eigenschap om te
wijzigen
Achtergrondkleur van widget in toestand
Geldig
.selectValidState select, select.selectValidState background-color: #B8F5B1;
Achtergrondkleur van widget in toestand
Ongeldig
select.selectRequiredState, .selectRequiredState select,
select.selectInvalidState, .selectInvalidState select
background-color: #FF9F9F;
Achtergrondkleur van widget bij focus .selectFocusState select, select.selectFocusState background-color: #FFFFCC;