Operation Manual

Naar boven
Plaats de muisaanwijzer boven de tab van het paneel om het in de ontwerpweergave te openen, en klik op het oogpictogram dat rechts
van de tab wordt weergegeven.
Selecteer een accordeonwidget in het documentvenster en klik in het menu Panelen van de eigenschappencontrole (Venster >
Eigenschappen) op de naam van het paneel dat u wilt bewerken.
De volgorde van panelen wijzigen
1. Selecteer een accordeonwidget in het documentvenster.
2. Selecteer in de eigenschappencontrole (Venster > Eigenschappen) de naam van het accordeonpaneel dat u wilt verplaatsen.
3. Klik op de pijlen omhoog of omlaag om het paneel omhoog of omlaag te verplaatsen.
De accordeonwidget aanpassen
Hoewel u vanuit de eigenschappencontrole eenvoudige bewerkingen in een accordeonwidget kunt uitvoeren, worden aangepaste opmaaktaken
niet ondersteund. U kunt de CSS-regels voor de accordeonwidget wijzigen en een accordeon maken die naar uw eigen smaak is opgemaakt.
Raadpleeg het artikel Quick guide to styling Spry tabbed panels, accordions, and collapsible panels van David Powers voor informatie over het
wijzigen van de kleuren van de accordeonwidget.
Voor een geavanceerdere lijst met opmaaktaken gaat u naar www.adobe.com/go/learn_dw_spryaccordion_custom_nl.
Alle CSS-regels in de volgende onderwerpen verwijzen naar de standaardregels in het bestand SpryAccordion.css. Dreamweaver slaat het
bestand SpryAccordion.css in de map SpryAssets van uw site op wanneer u een widget Spry-accordeon maakt. Dit bestand bevat ook informatie
met commentaar over diverse stijlen die van toepassing zijn op de widget, dus misschien kunt u ook dit bestand bekijken.
Hoewel u de regels voor de accordeonwidget gemakkelijk rechtstreeks in het CSS-bestand kunt bewerken, kunt u ook het deelvenster CSS-
stijlen gebruiken om de CSS van een accordeon te bewerken. Het deelvenster CSS-stijlen is handig om de CSS-klassen te zoeken die aan de
verschillende onderdelen van dee widget zijn toegewezen, met name als u de modus Huidig van het paneel gebruikt.
Tekst opmaken van accordeonwidget
U kunt de tekst van een accordeonwidget opmaken door eigenschappen in te stellen voor de gehele accordeoncontainer of voor de componenten
van de specifieke widget.
Als u de tekstopmaak van een accordeonwidget wilt wijzigen, gebruikt u de volgende tabel om de desbetreffende CSS-regel op te zoeken.
Daarna voegt u uw eigen tekstopmaakeigenschappen en -waarden toe:
Te wijzigen tekst Relevante CSS-regel Voorbeeld van toe te voegen
eigenschappen en waarden
Tekst in de gehele accordeon (inclusief
tab en inhoudspaneel)
.Accordion of .AccordionPanel
font: Arial; font-size:medium;
Alleen tekst op paneeltabs van
accordeon
.AccordionPanelTab
font: Arial; font-size:medium;
Alleen tekst op inhoudspanelen van
accordeon
.AccordionPanelContent
font: Arial; font-size:medium;
De achtergrondkleur wijzigen van accordeonwidget
Als u de achtergrondkleuren van verschillende delen van een accordeonwidget wilt wijzigen, gebruikt u de volgende tabel om de
desbetreffende CSS-regel op te zoeken. Daarna voegt u eigenschappen en waarden voor de achtergrondkleur toe of wijzigt u deze:
Te wijzigen deel van widget Relevante CSS-regel Voorbeeld van toe te voegen of te
wijzigen eigenschap en waarde
Achtergrondkleur van paneeltabs van
accordeon
.AccordionPanelTab
background-color: #CCCCCC; (Dit is de
standaardwaarde)
Achtergrondkleur van inhoudspanelen
van accordeon
.AccordionPanelContent
background-color: #CCCCCC;
Achtergrondkleur van geopend
.AccordionPanelOpen
.AccordionPanelTab
background-color: #EEEEEE; (Dit is de
319