Accordion Panel V3 Properties
Overview | Properties | Methods | Events | Styles | XML
Most these properties can be set in the Component Inspector (Alt + F7), also be set from XML, using the xmlPath optional parameter.
Property | Type Component Inspector |
Description |
closeFolderOnClick | Boolean Yes |
If true, when a item is expanded and it gets clicked, the item will collapse, if false, the item will not collapse back until a different item is clicked and expands. Default: false Usage: componentInstance .closeFolderOnClick = true |
easeType | String Yes |
Sets the ease type for the sliding transition tween. Values: [easeOut, easeIn, easeInOut, none] Default: easeOut Usage: componentInstance .easeType = "easeOut" |
embedFonts | Boolean Yes |
If true, embed fonts will be used instead of device fonts. Default: false Usage: componentInstance .embedFonts = true |
expandMode | String Yes |
The expand mode of the menu. To expand one item at a time, choose "one", to expand all (more than one) items at a time choose "all". Vaues: [one, all] Default: one Usage: componentInstance .expandMode = "all" |
hasSelectedState | Boolean Yes |
This variable is used to show the selected item (last clicked). Default:true Usage: componentInstance .hasSelectedState = "false" |
height | Number No |
Used to resize the component's height(header's length). Used when component's orientation is horizontal. Usage: componentInstance .height = 200 |
itemBuitInPreloader | Boolean Yes |
The builtInPreloader property of a content Loader Sets the type of the bulit-in preloader/progress display. Values: [bar, line, circle, none] Default: none Usage: componentInstance .itemBuiltInPreloader = "bar" |
itemHAlign | String Yes |
The halign property of a content Loader The type of horizontal alignment. Values: [left, center, right] Default: center Usage: componentInstance .itemHAlign = "center" |
itemPreloaderColor | Number Yes |
The preloaderColor property of a content Loader Sets the color of the built-in preloader and percentage. Default: 0xFFFFFF Usage: componentInstance .itemPreloaderColor = 0xFF0000 |
itemScaleMode | String Yes |
The scaleMode property of a content Loader The mode of the scaling applied to the content in rapport with the sizes of the loader. Values: [scale, resize, crop, scaleCrop, none] Default: resize Usage: componentInstance .itemScaleMode = "scale" |
itemShowPercentage | Boolean Yes |
The showPercentage property of a content Loader Sets the visible property of the bulit-in percentage display. Default: false Usage: componentInstance .itemShowPercentage = true |
itemVAlign | String Yes |
The valign property of a content Loader The type of vertical alignment. Values: [top, middle, bottom] Default: middle Usage: componentInstance .itemVAlign = "middle" |
loadExpandedItemsOnly | Boolean Yes |
If true, the component loads only visible items in the accordion panel component, when an item appears to be visible it loads. This is very useful when loading many items inside a single component, while not all items are expanded(visible). Default: false Usage: componentInstance .loadExpandedItemsOnly = true |
navigationMode | String Yes |
The mode of navigation with the mouse. Values: [press, release, rollover, none] Default: press Usage: componentInstance .navigationMode = "rollover" |
orientation | String Yes |
Sets the orientation of the accordion panel. Values: [horizontal, vertical] Default:vertical Usage: componentInstance .orientation = "horizontal" |
tweening | Boolean Yes |
If false, the switching between the items will be done without sliding. Default: true Usage: componentInstance .tweening = false |
tweeningDuration | Number Yes |
Sets the duration of the slide tweening in frames. Default: 20 Usage: componentInstance .tweeningDuration = 10 |
tweenType | String Yes |
Sets the tweening type. Values: [Regular, Strong, Bounce, Back, Elastic, None] Default: Strong Usage: componentInstance .tweenType = "Back" |
width | Number No |
Used to resize the component's width (header's length). Used when component's orientation is vertical. Usage: componentInstance .width = 200 |
xmlPath | String Yes |
Optional parameter. Sets the path to a XML file that can configure the Accordion Panel V3. Parameters that are set from the <properties> node of the XML (xmlPath) will override parameters set from script or Component Inspector. The <data> node will contain the panel data, entering this node is essential for the panels to display. You don't need to use xmlPath param, you can set the XML using the setXML method. The <styles> node will contain the styles for panel items, their content sizing, movieclip states and how their text is rendered. Usage: componentInstance .xmlPath = "XMLPanelConfig.xml" |
Note. Additional properties on child items:
enabled - sets the enable state of an item in runtime;
content - a reference to the child item’s loaded content;
Overview | Properties | Methods | Events | Styles | XML