PRIM_MD.TabItem - Dialog Property

Dialog to be opened when tab item is pressed

Member of PRIM_MD.TabItem (PRIM_MD.TabItem)

Data Type - PRIM_DLG - Simple modal dialog with shroud

Details

The dialog property defines an association with a Dialog, this allows for opening of the dialog without having to code it in a click event.

Example

In this example pressing the tab item will open the defined dialog

Begin_Com Role(*EXTENDS #PRIM_WEB) Theme(#SYS_THEME) Layoutmanager(#LayoutPageLayout)

    Define_Com Class(#PRIM_TBLO) Name(#LayoutPageLayout)
    Define_Com Class(#PRIM_TBLO.Row) Name(#LayoutPageRow1) Displayposition(1) Parent(#LayoutPageLayout) Height(48) Units(Pixels)
    Define_Com Class(#PRIM_TBLO.Row) Name(#LayoutPageRow2) Displayposition(2) Parent(#LayoutPageLayout)
    Define_Com Class(#PRIM_TBLO.Column) Name(#LayoutPageColumn1) Displayposition(1) Parent(#LayoutPageLayout)
    Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutPageLayoutItem1) Manage(#Tab) Parent(#LayoutPageLayout) Row(#LayoutPageRow1) Column(#LayoutPageColumn1)

    Define_Com Class(#PRIM_TBLO) Name(#LayoutTab)
    Define_Com Class(#PRIM_TBLO.Column) Name(#LayoutTabColum) Parent(#LayoutTab) Displayposition(1)
    Define_Com Class(#PRIM_TBLO.Row) Name(#LayoutTabRow1) Parent(#LayoutTab) Displayposition(1)
    Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutTabItem1) Manage(#TabItem1) Parent(#LayoutTab) Row(#LayoutTabRow1) Column(#LayoutTabColum) Flow(CenterHorizontal) Sizing(FitToHeight)
    Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutTabItem2) Manage(#TabItem2) Parent(#LayoutTab) Row(#LayoutTabRow1) Column(#LayoutTabColum) Flow(CenterHorizontal) Sizing(FitToHeight)
    Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutTabItem3) Manage(#TabItem3) Parent(#LayoutTab) Row(#LayoutTabRow1) Column(#LayoutTabColum) Flow(CenterHorizontal) Sizing(FitToHeight)

    Define_Com Class(#PRIM_MD.Tab) Name(#Tab) Displayposition(1) Height(48) Parent(#COM_OWNER) Tabposition(1) Themedrawstyle('DarkTitle') Width(1200) Layoutmanager(#LayoutTab)
    Define_Com Class(#prim_md.TabItem) Name(#TabItem1) Parent(#Tab) Displayposition(1) Height(48) Tabposition(1) Caption('Show Dialog 1') Width(180) Dialog(#Dialog1) Left(330) Top(0)
    Define_Com Class(#prim_md.TabItem) Name(#TabItem2) Parent(#Tab) Displayposition(2) Height(48) Left(510) Tabposition(2) Top(0) Caption('Show Dialog 2') Width(180) Dialog(#Dialog2)
    Define_Com Class(#prim_md.TabItem) Name(#TabItem3) Parent(#Tab) Displayposition(3) Height(48) Left(690) Tabposition(3) Top(0) Caption('Show Dialog 3') Width(180) Dialog(#Dialog3)

    Define_Com Class(#PRIM_DLG) Name(#Dialog1) Height(400) Width(250) Autoclose(True)
    Define_Com Class(#PRIM_DLG) Name(#Dialog2) Height(400) Width(250) Autoclose(True)
    Define_Com Class(#PRIM_DLG) Name(#Dialog3) Height(400) Width(250) Autoclose(True)

    Define_Com Class(#prim_md.Label) Name(#Label1) Parent(#Dialog1) Displayposition(1) Tabposition(1) Caption('Dialog 1') Height(120) Left(0) Themedrawstyle('Title') Top(0) Width(360)
    Define_Com Class(#prim_md.Label) Name(#Label2) Parent(#Dialog2) Displayposition(1) Tabposition(1) Caption('Dialog 2') Height(120) Left(0) Themedrawstyle('Title') Top(0) Width(360)
    Define_Com Class(#prim_md.Label) Name(#Label3) Parent(#Dialog3) Displayposition(1) Tabposition(1) Caption('Dialog 3') Height(120) Left(0) Themedrawstyle('Title') Top(0) Width(360)

End_Com

See also

All Component Classes

Technical Reference

V14SP2 April 2018