My account
Shopping cart
Knowledge base
Support


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