Accordion¶
How It Appears
![../../../_images/accordion.gif](../../../_images/accordion.gif)
Applications
Typically used to show/collapse blocks of secondary content in a panel. The object header is useful for describing its content.
Configure the object
Configure the object layout
To set the initial display of the object at runtime, in the Expanded property select True to display the expanded object, or False to display it compressed.
Set the Height property of the Header and Content child container objects with the desired value, or set Auto to adjust the containers to the content.
To change the position of the arrow in the header or to hide it, in the style sheet Accordion style group, set the Header icon position property (see Style sheet).
Add content
In the Header object, insert the desired content (graphical objects, text) to describe the content of the Accordion object when it is compressed (e.g., a Label object).
In the Content object, insert the desired content (graphical objects, text) to be displayed when the Accordion object is expanded.
Properties¶
Name |
BrowseName |
DataType |
Description |
---|---|---|---|
Expanded | Expanded |
Object status at runtime (True: the object is expanded, False: the object is compressed) |
|
Height |
|||
Header | Header |
Accordion header |
|
Content | Content |
Content of the accordion |
|
Visible | Visible |
Show/hide the window.
(Inherited from Element)
|
|
Enabled | Enabled |
Enables/disables the interaction with the user (True = enabled; False = disabled).
(Inherited from Element)
|
|
Opacity | Opacity |
Opacity level (0 = transparent)
(Inherited from Element)
|
|
Left margin | LeftMargin |
(Only if Horizontal Alignment = Left or Center or Stretch) Distance between the left edge of the object and the left edge of its container.
(Inherited from Element)
|
|
Top margin | TopMargin |
(Only if Vertical Alignment = Top or Center or Stretch) Distance between the top edge of the object and the top edge of its container.
(Inherited from Element)
|
|
Right margin | RightMargin |
(Only if Horizontal Alignment = Right or Center or Stretch) Distance between the right edge of the object and the right edge of its container.
(Inherited from Element)
|
|
Bottom margin | BottomMargin |
(Only if Vertical Alignment = Bottom or Center or Stretch) Distance between the bottom edge of the object and the bottom edge of its container.
(Inherited from Element)
|
|
Width | Width |
Width of the window. It can assume values greater than or equal to zero. The Auto value sets the width equal to the width of the content (in this case, in the absence of content the object collapses).
(Inherited from Element)
|
|
Horizontal alignment | HorizontalAlignment |
Alignment of the object on the horizontal axis. Left = the left side is positioned on the left side of the container, except for the left margin; Right = the right side is positioned on the right side of the container, except for the right margin; Center = the center of the object is positioned in the center of the container, except for the left and/or right margins; Stretch = object width equals container width, except for the left and/or right margins.
(Inherited from Element)
|
|
Vertical alignment | VerticalAlignment |
Alignment of the object on the vertical axis. Top = the top side is positioned on the top side of the container, except for the top margin; Bottom = the bottom side is positioned on the bottom side of the container, except for the bottom margin; Center = the center of the object is positioned in the center of the container, except for the top and/or bottom margins; Stretch = object height equals container height, except for the top and/or bottom margins.
(Inherited from Element)
|
|
Rotation | Rotation |
Rotation of the object around its center point. Positive values indicate clockwise arc degrees.
(Inherited from Element)
|