PDA

Volledige versie bekijken : Accordion (meer dan 1 label open of geen) ??


Sethar
%Europe/Berlin %450 %2008, 10:48
Hallo allemaal,

Ben momenteel met de Accordion aan de slag en vroeg me af of het mogelijk is deze te hebben waarbij meer dan meer dan 1 label tot max. alle labels tegelijk open kunnen staan en waarbij geen labels openstaan.
Is dit mogelijk met de Accordion component of is daar een andere compontent voor met die functie of moet ik deze zelf één maken met AS ??

Heb al rond gezocht maar nog geen antwoord gevonden dus mocht iemand hier een (zinnig) antwoord op hebben dan hoor ik het graag. Alvast bedankt.

TheDutch
%Europe/Berlin %454 %2008, 10:55
Dat kan niet met het Accordion component van Flex. Kijk eens naar de library FlexLib (even Googlen), daar zit dacht ik wel zo'n component in.

Sethar
%Europe/Berlin %487 %2008, 11:42
Dankje, direct denk ik gevonden te hebben wat jij bedoelde en wat ik zocht.
http://code.google.com/p/flexlib/wiki/QuickStart
Voor de gene die er meer van willen weten of het ook zoeken.

En het gene wat ik zocht:
http://flexlib.googlecode.com/svn/trunk/examples/WindowShade/WindowShade_Sample.swf
Niet de schadow maar de functionaliteit van de objecten. Neem aan dat deze gewoon te skinnen zijn maar dat moet ik nog even bekijken.

Sethar
%Europe/Berlin %430 %2008, 10:19
Zoals je bij http://flexlib.googlecode.com/svn/trunk/examples/WindowShade/WindowShade_Sample.swf kunt zien, zie je een pijltje voor de label. Is er een manier om deze uit te zetten ?
Heb zelf al gezocht en wat dingen geprobeerd maar krijg het niet echt voor elkaar.
Suggesties ?

TheDutch
%Europe/Berlin %694 %2008, 16:39
Heel simpel volgensmij. Je hebt een "openIcon" en "closeIcon" skin bij de styles (http://flexlib.googlecode.com/svn/trunk/docs/flexlib/containers/WindowShade.html#styleSummary). Hang daar je eigen skin aan en je bent klaar :).

Sethar
%Europe/Berlin %368 %2008, 08:50
Dankje, werkt inderdaad en deze op null zetten verwijdert hem.
Echter, als ik in mijn css zet " openIcon:null; " voor de windowshade dan doet mijn hele flex app. nicks :S
Als ik " openIcon="{null}" " invoer bij de windowshade zelf dan werkt het wel, laat hij alles zien en verbergt hij de arrow (icon). Dit kan ook via AS waarbij je de setStyle gebruikt.
Echter loop ik daar tegen het probleem van de id dat deze maar 1x mag voor komen. Is het mogelijk een class ofzo te gebruiken inplaats van een id waarbij ik dan via AS met setStyle de style van de windowshade aankan passen.
Wil namelijk de icon voor alle windowshades verwijderen zonder te veel code toe te voegen. En als ik een class ofzo kan gebruiken die ik kan toepassen op alle windowshades waarop ik die actie wil toepassen via bijvoorbeeld alleen de stylesheet of via actionscripts.

Met class bedoel ik net als bij html en css, waarbij de id (#) ook maar voor één object is en de class (.) voor meerdere objecten is. Is hiervoor ook iets bij Flex wat je dan via AS aankunt roepen, dus een soort van id die toegepast kan worden op meerdere objecten.

TheDutch
%Europe/Berlin %397 %2008, 09:32
Volgensmij kan je in CSS openIcon=; of openIcon=""; kunnen doen ipv. null, maar dat zou je even moeten testen. Echter wat mijn voorkeur heeft is gewoon de mx.skins.ProgrammaticSkin (http://livedocs.adobe.com/flex/201/langref/mx/skins/ProgrammaticSkin.html) als skin opgeven, dan tekent hij namelijk helemaal niets :).

CSS HTML >> CSS Flex
# == ClassName
. == .styleName