Haitarin luominen #
Haitarielementin luomiseen valitse hakupalkista Accordion-lohkoelementti.
Avautuvasta valikosta voit valita haluamasi tyylin haitarille valmiista vaihtoehdoista tai valita ”Skip”, jos haluat kustomoida haitarielementin alusta alkaen. Valmiisiin tyyleihin pystyy yhtälailla tehdä muutoksia.
Luotu haitari ilmestyy tyhjänä ja elementissä on valmiiksi kaksi kohtaa. Add Title -kohtaan voit kirjoittaa otsikon ja plusmerkkiä painamalla valita haitarin sisälle menevän lohkoelementin. Oikealla olevista miinus- ja plus -merkeistä saat avattua/ suljettua haitarielementin, jolloin haitarielementin sisällä olevia elementtejä on helpompi muokata.
Haitarin ulkoasun muokkaaminen #
Koko haitarielementti Accordion valittuna, ilmestyy sivupalkkiin sen eri muokkausvaihtoehdot.
General -välilehdellä voit muokata paneelien avautumista.
Panel close when another opens -täppä aktiivisena haitarielementin paneelit ovat yksi kerrallaan auki. Tämä toiminto päällä, sivustovierailijan ei tarvitse itse sulkea avaamiaan paneeleja.
Alla oleva Start with all panes collapsed -täppä aktiivisena haitarin kaikki paneelit ovat aluksi suljettuina. Jos otat toiminnon pois päältä, voit avautuvasta Initial Open Accordion -kohdasta valita mikä paneeleista on valmiiksi auki sivulle tultaessa.
Pane Title Trigger Icon -kohdasta voit vaihtaa halutessasi haitarin ikonit.
Style -välilehdellä pääset muokkaamaan haitarin värejä.
Title Color -kohdasta asetetaan paneelin otsikon väri ja Title Background -kohdasta paneelin taustalaatikon väri.
Jos haluat taustalaatikon läpinäkyväksi, voit asettaa värin A-arvoksi 0. Tällöin laatikon väri on täysin läpinäkyvä.
Pane Title Border -kohdasta voit taustalaatikon sijasta asettaa paneeleille ääriviivalaatikot.
Huom! Värit pitää erikseen asettaa Normal, Hover ja Active -kohtiin:
- Normal = värit normaalitilassa
- Hover = värit hoveritilassa, eli kun hiiren vie paneelin päälle
- Active = aktiivinen eli avattu paneeli
Advanced -välilehdellä voi säätää paneelien kokoa.
Pane Title Sizing -kohdassa määritetään kuinka kaukana taustalaatikon reunasta otsikkoteksti on.
Pane Space Betveen -kohdassa voit säätää kuinka kaukana paneelilaatikot ovat toisistaan.
Inner Content Padding -kohdassa voit
Haitarin paneelien lisääminen ja poistaminen #
Klikkaamalla rivin otsikkoa, valitset koko paneelirivin.
Ilmestyvästä muokkauspalkista (kolme pistettä) voit nyt helposti poistaa valitun rivin tai monistaa sen.
Koko haitarielementti valittuna, ilmestyy sen alareunaan + Add Accordion Item -painike, jota klikkaamalla saat helposti lisättyä uuden tyhjän paneelirivin.
