
Panel that can be expanded or collapsed
Ancestors - Container (PRIM_CPST)Control (PRIM_CTRL)Object (PRIM_OBJT)
Details
Expander Panel is a panel that can be expanded or collapsed by clicking on it. Expander Panels can be used by themseleves or linked with multiple Expander Panels by parenting them in a Expander (PRIM_MD.Expander) control.
Example
In this example there are three ExpanderPanels contained in a Expander with a ViewStyle set to accordion.
Begin_Com Role(*EXTENDS #PRIM_WEB) Theme(#SYS_THEME) Layoutmanager(#Layout1) Define_Com Class(#PRIM_TBLO) Name(#ExpanderPanelLayout) Define_Com Class(#PRIM_TBLO.Column) Name(#ExpanderPanelLayoutColumn1) Displayposition(1) Parent(#ExpanderPanelLayout) Define_Com Class(#PRIM_TBLO.Row) Name(#ExpanderPanelLayoutRow1) Displayposition(1) Parent(#ExpanderPanelLayout) Define_Com Class(#PRIM_TBLO.Item) Name(#ExpanderPanelLayoutItem1) Alignment(TopCenter) Column(#ExpanderPanelLayoutColumn1) Flow(Down) Manage(#Label1) Marginleft(16) Marginright(16) Parent(#ExpanderPanelLayout) Row(#ExpanderPanelLayoutRow1) Sizing(ContentHeightFitToWidth) Define_Com Class(#PRIM_TBLO.Item) Name(#ExpanderPanelLayoutItem2) Alignment(TopCenter) Column(#ExpanderPanelLayoutColumn1) Flow(Down) Manage(#Label2) Marginleft(16) Marginright(16) Parent(#ExpanderPanelLayout) Row(#ExpanderPanelLayoutRow1) Sizing(ContentHeightFitToWidth) Define_Com Class(#PRIM_TBLO.Item) Name(#ExpanderPanelLayoutItem3) Alignment(TopCenter) Column(#ExpanderPanelLayoutColumn1) Flow(Down) Manage(#Label3) Marginleft(16) Marginright(16) Parent(#ExpanderPanelLayout) Row(#ExpanderPanelLayoutRow1) Sizing(ContentHeightFitToWidth) Define_Com Class(#PRIM_TBLO) Name(#Layout1) Define_Com Class(#PRIM_TBLO.Row) Name(#Layout1Row1) Displayposition(1) Parent(#Layout1) Define_Com Class(#PRIM_TBLO.Column) Name(#Layout1Column1) Displayposition(1) Parent(#Layout1) Define_Com Class(#PRIM_TBLO.Item) Name(#Layout1Item1) Alignment(TopCenter) Column(#Layout1Column1) Manage(#Expander) Parent(#Layout1) Row(#Layout1Row1) Define_Com Class(#PRIM_MD.Expander) Name(#Expander) Displayposition(1) Height(800) Parent(#COM_OWNER) Tabposition(1) Width(1200) Viewstyle(Accordion) Define_Com Class(#PRIM_MD.ExpanderPanel) Name(#ExpanderPanel1) Caption('Expander Panel 1') Displayposition(1) Icon('expand_more') Layoutmanager(#ExpanderPanelLayout) Parent(#Expander) Tabposition(1) Width(1200) Define_Com Class(#PRIM_MD.ExpanderPanel) Name(#ExpanderPanel2) Caption('Expander Panel 2') Displayposition(2) Icon('expand_more') Layoutmanager(#ExpanderPanelLayout) Parent(#Expander) Tabposition(2) Top(150) Width(1200) Define_Com Class(#PRIM_MD.ExpanderPanel) Name(#ExpanderPanel3) Caption('Expander Panel 3') Displayposition(3) Icon('expand_more') Layoutmanager(#ExpanderPanelLayout) Parent(#Expander) Tabposition(3) Top(300) Width(1200) Define_Com Class(#PRIM_MD.Label) Name(#Label1) Caption('Lorem ipsum dolor sit amet, gravida ultrices, neque id, leo nonummy. Tellus imperdiet, vivamus mi ultricies, proin varius lorem. Lorem ultricies, ut wisi. Turpis dolore. A nonummy.') Captionalignment(TopLeft) Displayposition(1) Left(16) Parent(#ExpanderPanel1) Tabposition(1) Top(56) Width(1166) Wordwrap(True) Height(20) Define_Com Class(#PRIM_MD.Label) Name(#Label2) Caption('Lorem ipsum dolor sit amet, gravida ultrices, neque id, leo nonummy. Tellus imperdiet, vivamus mi ultricies, proin varius lorem. Lorem ultricies, ut wisi. Turpis dolore. A nonummy.') Captionalignment(TopLeft) Displayposition(1) Left(16) Parent(#ExpanderPanel2) Tabposition(1) Top(56) Width(1166) Wordwrap(True) Height(20) Define_Com Class(#PRIM_MD.Label) Name(#Label3) Caption('Lorem ipsum dolor sit amet, gravida ultrices, neque id, leo nonummy. Tellus imperdiet, vivamus mi ultricies, proin varius lorem. Lorem ultricies, ut wisi. Turpis dolore. A nonummy.') Captionalignment(TopLeft) Displayposition(1) Left(16) Parent(#ExpanderPanel3) Tabposition(1) Top(56) Width(1166) Wordwrap(True) Height(20) End_Com
Properties
Name | Description |
---|---|
BusyUpdates | BusyUpdates specifies how the control updates itself Inherited from Control (PRIM_CTRL) |
BusyUpdatesOfParent | BusyUpdatesOfParent specifies whether the parent controls updates Inherited from Control (PRIM_CTRL) |
CanFocus | CanFocus returns a value indicating whether the control can receive keyboard focus Inherited from Control (PRIM_CTRL) |
Caption | Text to be displayed in expander panel |
CaptionAlignment | Position of the caption in Expander panel |
CaptionMarginBottom | Bottom margin in pixels |
CaptionMarginLeft | Left margin in pixels |
CaptionMarginRight | Right margin in pixels |
CaptionMarginTop | Top margin in pixels |
ComponentClassName | ComponentClassName is the name of the component's class. Inherited from Object (PRIM_OBJT) |
ComponentControls | ComponentControls is a collection of all the controls contained in this component. Inherited from Container (PRIM_CPST) |
ComponentMembers | ComponentMembers provides access to all the member components of this component Inherited from Object (PRIM_OBJT) |
ComponentPatternName | ComponentPatternName is used to qualify the class of the component. Inherited from Object (PRIM_OBJT) |
ComponentTag | Generic space allowing a value to be stored for the instance Inherited from Object (PRIM_OBJT) |
ComponentType | ComponentType gives you access to the type information about the component Inherited from Object (PRIM_OBJT) |
ComponentTypeName | ComponentTypeName is the fully qualified name of the component's class. Inherited from Object (PRIM_OBJT) |
Cursor | Cursor sets the cursor image Inherited from Control (PRIM_CTRL) |
DisplayPosition | DisplayPosition determines the order in which components are shown Inherited from Control (PRIM_CTRL) |
DragStyle | DragStyle determines how a component can be dragged Inherited from Control (PRIM_CTRL) |
Ellipses | Show ellipses for truncated text |
EnableChildren | EnableChildren specifies if the parent sets the Enabled property of child components Inherited from Container (PRIM_CPST) |
Enabled | Enable activates/deactivates the component Inherited from Control (PRIM_CTRL) |
Expanded | Returns true if panel is expanded |
FixedPosition | Fix the control position so that it does not move if the parent is scrolled Inherited from Control (PRIM_CTRL) |
Focus | Focus tells whether the component has focus Inherited from Control (PRIM_CTRL) |
FocusedStyle | Reference to a style to be applied when the control is focus Inherited from Control (PRIM_CTRL) |
FocusedStyles | Collection of styles to be applied when the control is focus Inherited from Control (PRIM_CTRL) |
Handle | Returns the Windows handle in desktop applications Inherited from Control (PRIM_CTRL) |
Height | The height of the control in pixels Inherited from Control (PRIM_CTRL) |
Hint | Caption displayed when the mouse hovers over the control Inherited from Control (PRIM_CTRL) |
HintPopup | HintPopup allows a PopupPanel instance to be used instead of the default hint text box Inherited from Control (PRIM_CTRL) |
HintShow | Enabled or disable the appearance of hints Inherited from Control (PRIM_CTRL) |
HintShowOfParent | Delegate hints appearance to the parent control Inherited from Control (PRIM_CTRL) |
HintTitle | HintTitle defines the text shown at the top of the hint window in emphasized text Inherited from Control (PRIM_CTRL) |
Icon | Icon to be displayed on panel |
IconAlignment | Alignment of the icon on the panel |
IconColor | Color of the icon |
IconFileName | Path to icon file to be used |
IconHeight | Height of the icon to be used |
IconImage | Image to be used for the icon |
IconImageSizing | Sizing of the icon |
IconMarginBottom | Margin of the icon from the bottom |
IconMarginLeft | Margin of the icon from the left |
IconMarginRight | Margin of the icon from the right |
IconMarginTop | Margin of the icon from the top |
IconOpacity | Specifies the Opacity of the icon |
IconPadding | Specifies the Icon padding in pixels |
IconThemeDrawStyle | Drawstyle of the icon |
IsAnimating | IsAnimating indicates that a control is currently being animated Inherited from Control (PRIM_CTRL) |
IsRealized | True if the control is currently realized Inherited from Control (PRIM_CTRL) |
LayoutManager | Layout manager of the expander panel |
Left | Position of the control relative to the left boundary of its parent Inherited from Control (PRIM_CTRL) |
Modified | Modified indicates that the contents of the component have changed Inherited from Control (PRIM_CTRL) |
MouseOver | MouseOver determines whether the mouse is directly over a control Inherited from Control (PRIM_CTRL) |
MouseOverPart | True if the cursor is within the bounds of a child component Inherited from Container (PRIM_CPST) |
MouseOverStyle | MouseOverStyle defines the style to be applied to a control when the mouse is over it Inherited from Control (PRIM_CTRL) |
MouseOverStyles | MouseOverStyles is a collection of styles to be applied to a control when the mouse is over it Inherited from Control (PRIM_CTRL) |
Name | Name identifies the component Inherited from Object (PRIM_OBJT) |
Opacity | Opacity denotes the appearance of a control in terms of its interaction with its background Inherited from Control (PRIM_CTRL) |
Owner | Owner owns this component Inherited from Object (PRIM_OBJT) |
PaddingBottom | Bottom padding in pixels |
PaddingLeft | Left padding in pixels |
PaddingRight | Right padding in pixels |
PaddingTop | Top padding in pixels |
Parent | Reference to the control in which this control is visually positioned Inherited from Control (PRIM_CTRL) |
Popup | Popup allows a PopupPanel instance to be used instead of the typical right click popup menu Inherited from Control (PRIM_CTRL) |
PopupMenu | Reference to a PopupMenu to be shown on a right click Inherited from Control (PRIM_CTRL) |
PrivateStyle | Style applied to the control but not inherited by child controls Inherited from Container (PRIM_CPST) |
PrivateStyles | Collection of styles applied to the control but not inherited by child controls Inherited from Container (PRIM_CPST) |
Rotation | Rotation allows a control to rotate a number of degrees about a given origin Inherited from Control (PRIM_CTRL) |
RotationOriginLeft | RotationOriginLeft defines the left coordinate of an imaginary point around which a control will rotate Inherited from Control (PRIM_CTRL) |
RotationOriginTop | RotationOriginTop defines the top coordinate of an imaginary point around which a control will rotate Inherited from Control (PRIM_CTRL) |
ScaleHeight | ScaleHeight is the percentage of the height to use in the visual appearance of a control Inherited from Control (PRIM_CTRL) |
ScaleOriginLeft | ScaleOriginLeft defines the left coordinate of an imaginary point from which a control will scale Inherited from Control (PRIM_CTRL) |
ScaleOriginTop | ScaleOriginTop defines the top coordinate of an imaginary point from which a control will scale Inherited from Control (PRIM_CTRL) |
ScaleWidth | ScaleWidth is the percentage of the width to use in the visual appearance of a control Inherited from Control (PRIM_CTRL) |
ScreenLeft | ScreenLeft sets the distance from the left of the screen Inherited from Control (PRIM_CTRL) |
ScreenTop | ScreenTop sets the distance from the top of the screen Inherited from Control (PRIM_CTRL) |
ScrollLeft | Left position of a horizontally scrolled child control relative to its parent control Inherited from Control (PRIM_CTRL) |
ScrollTop | Top position of a vertically scrolled child control relative to its parent control Inherited from Control (PRIM_CTRL) |
SkewLeft | SkewLeft defines the angle at which to skew the control horizontally Inherited from Control (PRIM_CTRL) |
SkewOriginLeft | SkewOriginLeft defines the left coordinate of an imaginary point from which a control will skew Inherited from Control (PRIM_CTRL) |
SkewOriginTop | SkewOriginTop defines the top coordinate of an imaginary point from which a control will skew Inherited from Control (PRIM_CTRL) |
SkewTop | SkewTop defines the angle at which to skew the control vertically Inherited from Control (PRIM_CTRL) |
Style | Style defines the style to be applied to a control Inherited from Control (PRIM_CTRL) |
Styles | Collection of styles to be applied to the control Inherited from Control (PRIM_CTRL) |
TabPosition | TabPosition sets the order of focus when the Tab key is used Inherited from Control (PRIM_CTRL) |
TabStop | Set to false to stop focus being given to the control via the Tab key Inherited from Control (PRIM_CTRL) |
ThemeDrawStyle | Name of the Theme DrawStyle to be applied to the control Inherited from Control (PRIM_CTRL) |
Top | Position of the control relative to the top boundary of its parent Inherited from Control (PRIM_CTRL) |
TouchMove | Determines how the control will respond to touch move processing Inherited from Control (PRIM_CTRL) |
TouchRotate | Determines how the control will respond to touch rotation Inherited from Control (PRIM_CTRL) |
TouchScale | Determines how the control will respond to touch scaling Inherited from Control (PRIM_CTRL) |
TouchSize | Determines whether a control can be resized Inherited from Control (PRIM_CTRL) |
Visible | Show or hide the control Inherited from Control (PRIM_CTRL) |
VisualStyle | VisualStyle sets the appearance Inherited from Control (PRIM_CTRL) |
VisualStyleOfParent | Adopt the Visual style from the parent control Inherited from Control (PRIM_CTRL) |
Width | Width of the component in pixels Inherited from Control (PRIM_CTRL) |
WordWrap | Specifies if the caption will wrap |
Events
Name | Description |
---|---|
AnimationEnded | Fired when an animation is ended Inherited from PRIM_MD.ExpanderPanel (PRIM_MD.ExpanderPanel) Cancelled |
Collapsing | Fired when the panel is collapseing |
CreateInstance | CreateInstance is signalled when an instance of a component is created Inherited from PRIM_MD.ExpanderPanel (PRIM_MD.ExpanderPanel) |
DestroyInstance | DestroyInstance is signalled when an instance of a component is about to be destroyed Inherited from PRIM_MD.ExpanderPanel (PRIM_MD.ExpanderPanel) |
DragDrop | Fired on mouse up to signify the end of a drag process Inherited from PRIM_MD.ExpanderPanel (PRIM_MD.ExpanderPanel) PosX, PosY, Source, Payload, AggregatedSource, Origin, Handled, DragResult |
DragOver | Fired during the drag and drop process when the cursor moves over the control Inherited from PRIM_MD.ExpanderPanel (PRIM_MD.ExpanderPanel) PosX, PosY, Source, Payload, DragState, AcceptDrop, DragCursor, ShowDropHilight, AggregatedSource, Origin, Handled |
EndDrag | Fired when the drag and drop process has completed Inherited from PRIM_MD.ExpanderPanel (PRIM_MD.ExpanderPanel) Source, Payload, DragResult, AggregatedSource, Origin, Handled |
Expanding | Fires when the panel is expanding |
Initialize | Fired after a component has been realized for the first time Inherited from PRIM_MD.ExpanderPanel (PRIM_MD.ExpanderPanel) |
MouseEnter | The mouse has entered the bounds of the control Inherited from PRIM_MD.ExpanderPanel (PRIM_MD.ExpanderPanel) |
MouseHover | The mouse has hovered over the control Inherited from PRIM_MD.ExpanderPanel (PRIM_MD.ExpanderPanel) Origin, Handled |
MouseLeave | The mouse has left the bounds of the control Inherited from PRIM_MD.ExpanderPanel (PRIM_MD.ExpanderPanel) |
StartDrag | Fired when the user starts a drag and drop process Inherited from PRIM_MD.ExpanderPanel (PRIM_MD.ExpanderPanel) Source, Payload, Continue, DragList, AggregatedSource, Origin, Handled |
TouchChange | Fired repeatedly between the TouchStart and TouchEnd boundaries to provide details of the touch events Inherited from PRIM_MD.ExpanderPanel (PRIM_MD.ExpanderPanel) MoveLeft, MoveTop, ScaleWidth, ScaleHeight, Rotation, Continue |
TouchEnd | Fired when the user stops touching the screen Inherited from PRIM_MD.ExpanderPanel (PRIM_MD.ExpanderPanel) |
TouchStart | Fired when the user first makes physical contact with the screen Inherited from PRIM_MD.ExpanderPanel (PRIM_MD.ExpanderPanel) Origin, TouchMove, TouchRotate, TouchScale, TouchSize |
Methods
Name | Description |
---|---|
FadeIn | Animate from invisible to visible Inherited from Control (PRIM_CTRL) Duration, Delay |
FadeOut | Animate from visible to invisible Inherited from Control (PRIM_CTRL) Duration, Delay, Visible |
MoveFrom | Move a control from the specified position to the current position Inherited from Control (PRIM_CTRL) Left, Top, Duration, Delay |
MoveTo | Animate a move from the specified number of pixels Inherited from Control (PRIM_CTRL) Left, Top, Duration, Delay |
Realize | Creates the visual portion of dynamically created controls Inherited from Control (PRIM_CTRL) |
Scale | Animate a change of scale Inherited from Control (PRIM_CTRL) ScaleWidth, ScaleHeight, Duration, Delay |
SetFocus | Sets the control to be the focus control Inherited from Control (PRIM_CTRL) |
ShowMessages | LANSA Internal Use Inherited from Control (PRIM_CTRL) |
SizeTo | Changes and animates control size changing Inherited from Control (PRIM_CTRL) Width, Height, Duration, Delay |
Transition | Animate the change from one control to another Inherited from Container (PRIM_CPST) From, To, TransitionType, Duration, Delay |
Unrealize | Destroys the visual portion of dynamically created controls Inherited from Control (PRIM_CTRL) |
UpdateDisplay | UpdateDisplay updates the display immediately Inherited from Control (PRIM_CTRL) |
See also
LANSA Version 15, April 2020