PRIM_MD.Expander - ViewStyle Property

Specifies how the ExpanderPanels will be expanded and collapsed

Member of PRIM_MD.Expander (PRIM_MD.Expander)

Data Type - Enumeration

Details

ViewStyle specifies how Expansion Panels will be displayed and interact with in a Expander (PRIM_MD.Expander).

Allowed Values

Enum Value	Description
Accordion	Allows for one Expansion Panels to be expanded at a time, automatically collapsing a panel when a different panel is expanded.
Simple	Allows for the expansion of multiple Expansion Panels

Example

In this example shows two Expanders displayed side-by-side with three Expander Panels each.
 
The Expander on the left has a viewstyle of accordion.
 
The Expander on the left has a viewstyle of simple.

Begin_Com Role(*EXTENDS #PRIM_WEB) Theme(#SYS_THEME) Layoutmanager(#LayoutMain)
    Define_Com Class(#PRIM_TBLO) Name(#LayoutMain)
    Define_Com Class(#PRIM_TBLO.Column) Name(#LayoutMainColumn1) Displayposition(1) Parent(#LayoutMain)
    Define_Com Class(#PRIM_TBLO.Column) Name(#LayoutMainColumn2) Displayposition(2) Parent(#LayoutMain)
    Define_Com Class(#PRIM_TBLO.Row) Name(#LayoutMainRow1) Displayposition(2) Parent(#LayoutMain)
    Define_Com Class(#PRIM_TBLO.Row) Name(#LayoutMainRow2) Displayposition(1) Parent(#LayoutMain) Height(60) Units(Pixels)
    Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutMainItem1) Alignment(TopCenter) Column(#LayoutMainColumn1) Manage(#Expander) Parent(#LayoutMain) Row(#LayoutMainRow1)
    Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutMainItem2) Alignment(TopCenter) Column(#LayoutMainColumn2) Manage(#Expander1) Parent(#LayoutMain) Row(#LayoutMainRow1)
    Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutMainItem3) Alignment(TopLeft) Column(#LayoutMainColumn2) Manage(#Text1) Parent(#LayoutMain) Row(#LayoutMainRow2)
    Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutMainItem4) Alignment(TopLeft) Column(#LayoutMainColumn1) Manage(#Text) Parent(#LayoutMain) Row(#LayoutMainRow2)
 
    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(#Label) 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(#Label1) 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(#Label2) Marginleft(16) Marginright(16) Parent(#ExpanderPanelLayout) Row(#ExpanderPanelLayoutRow1) Sizing(ContentHeightFitToWidth)
 
    Define_Com Class(#PRIM_TBLO) Name(#ExpanderPanelLayout1)
    Define_Com Class(#PRIM_TBLO.Column) Name(#ExpanderPanelLayout1Column1) Displayposition(1) Parent(#ExpanderPanelLayout1)
    Define_Com Class(#PRIM_TBLO.Row) Name(#ExpanderPanelLayout1Row1) Displayposition(1) Parent(#ExpanderPanelLayout1)
    Define_Com Class(#PRIM_TBLO.Item) Name(#ExpanderPanelLayout1Item1) Alignment(TopCenter) Column(#ExpanderPanelLayout1Column1) Flow(Down) Manage(#Label3) Marginleft(16) Marginright(16) Parent(#ExpanderPanelLayout1) Row(#ExpanderPanelLayout1Row1) Sizing(ContentHeightFitToWidth)
    Define_Com Class(#PRIM_TBLO.Item) Name(#ExpanderPanelLayout1Item2) Alignment(TopCenter) Column(#ExpanderPanelLayout1Column1) Flow(Down) Manage(#Label4) Marginleft(16) Marginright(16) Parent(#ExpanderPanelLayout1) Row(#ExpanderPanelLayout1Row1) Sizing(ContentHeightFitToWidth)
    Define_Com Class(#PRIM_TBLO.Item) Name(#ExpanderPanelLayout1Item3) Alignment(TopCenter) Column(#ExpanderPanelLayout1Column1) Flow(Down) Manage(#Label5) Marginleft(16) Marginright(16) Parent(#ExpanderPanelLayout1) Row(#ExpanderPanelLayout1Row1) Sizing(ContentHeightFitToWidth)
 
    Define_Com Class(#PRIM_MD.Expander) Name(#Expander) Displayposition(1) Height(740) Parent(#COM_OWNER) Tabposition(1) Width(600) Top(60) Viewstyle(Accordion)
    Define_Com Class(#PRIM_MD.ExpanderPanel) Name(#ExpanderPanel) Caption('Expander Panel 1') Displayposition(1) Icon('expand_more') Layoutmanager(#ExpanderPanelLayout) Parent(#Expander) Tabposition(1) Width(600)
    Define_Com Class(#PRIM_MD.ExpanderPanel) Name(#ExpanderPanel1) Caption('Expander Panel 2') Displayposition(2) Icon('expand_more') Layoutmanager(#ExpanderPanelLayout) Parent(#Expander) Tabposition(2) Top(150) Width(600)
    Define_Com Class(#PRIM_MD.ExpanderPanel) Name(#ExpanderPanel2) Caption('Expander Panel 3') Displayposition(3) Icon('expand_more') Layoutmanager(#ExpanderPanelLayout) Parent(#Expander) Tabposition(3) Top(300) Width(600)
    Define_Com Class(#PRIM_MD.Label) Name(#Label) 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(#ExpanderPanel) Tabposition(1) Top(56) Width(566) Wordwrap(True)
    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(566) Wordwrap(True)
    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(566) Wordwrap(True)
 
    Define_Com Class(#PRIM_MD.Expander) Name(#Expander1) Displayposition(2) Height(740) Left(600) Parent(#COM_OWNER) Tabposition(2) Width(600) Top(60)
    Define_Com Class(#PRIM_MD.ExpanderPanel) Name(#ExpanderPanel3) Caption('Expander Panel 1') Displayposition(1) Icon('expand_more') Layoutmanager(#ExpanderPanelLayout1) Parent(#Expander1) Tabposition(1) Width(600)
    Define_Com Class(#PRIM_MD.ExpanderPanel) Name(#ExpanderPanel4) Caption('Expander Panel 2') Displayposition(2) Icon('expand_more') Layoutmanager(#ExpanderPanelLayout1) Parent(#Expander1) Tabposition(2) Top(150) Width(600)
    Define_Com Class(#PRIM_MD.ExpanderPanel) Name(#ExpanderPanel5) Caption('Expander Panel 3') Displayposition(3) Icon('expand_more') Layoutmanager(#ExpanderPanelLayout1) Parent(#Expander1) Tabposition(3) Top(300) Width(600)
    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(566) Wordwrap(True)
    Define_Com Class(#PRIM_MD.Label) Name(#Label4) 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(#ExpanderPanel4) Tabposition(1) Top(56) Width(566) Wordwrap(True)
    Define_Com Class(#PRIM_MD.Label) Name(#Label5) 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(#ExpanderPanel5) Tabposition(1) Top(56) Width(566) Wordwrap(True)
 
    Define_Com Class(#PRIM_MD.Label) Name(#Text) Caption('ViewStyle: Accordion') Displayposition(3) Left(0) Parent(#COM_OWNER) Tabposition(3) Top(0) Height(60) Width(600)
    Define_Com Class(#PRIM_MD.Label) Name(#Text1) Caption('ViewStyle: Simple') Displayposition(4) Left(600) Parent(#COM_OWNER) Tabposition(4) Top(0) Height(60) Width(600)
 
End_Com

See also

All Component Classes

Technical Reference

LANSA Version 15, April 2020