Table Layout Row - Units Property
Fixed height or proportion of the available space
Member of Table Layout Row (PRIM_TBLO.Row)
Data Type - Enumeration
The Units property determines the size and behavior of the row.
| Enum Value | Description |
|---|---|
| Content | The Height change to accommodate the height of its content. If the content changes size, the row will get also resize |
| Pixels | The Height will be fixed and will not change when the container is resized |
| Proportion | The Height will be a proportion of the remaining space after the space for all fixed height rows has been allocated |
In the example below there are 3 rows. The first is 200 pixels high. The two remaining rows are proportional and share the remaining space equally.
Begin_Com Role(*EXTENDS #PRIM_WEB) Height(457) Width(1169) Layoutmanager(#TableLayout)
Define_Com Class(#PRIM_VS.Style) Name(#Style1) Backgroundbrush(#Brush1)
Define_Com Class(#PRIM_VS.SolidBrush) Name(#Brush1) Color(Theme300)
Define_Com Class(#PRIM_VS.Style) Name(#Style2) Backgroundbrush(#Brush2)
Define_Com Class(#PRIM_VS.SolidBrush) Name(#Brush2) Color(Theme500)
Define_Com Class(#PRIM_VS.Style) Name(#Style3) Backgroundbrush(#Brush3)
Define_Com Class(#PRIM_VS.SolidBrush) Name(#Brush3) Color(Theme700)
Define_Com Class(#prim_tblo) Name(#TableLayout)
Define_Com Class(#Prim_tblo.Row) Name(#Row1) Parent(#TableLayout) Units(Pixels) Height(200) Displayposition(1)
Define_Com Class(#Prim_tblo.Row) Name(#Row2) Parent(#TableLayout) Displayposition(2)
Define_Com Class(#Prim_tblo.Row) Name(#Row3) Parent(#TableLayout) Displayposition(3)
Define_Com Class(#PRIM_TBLO.Column) Name(#Column1) Displayposition(1) Parent(#TableLayout)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem1) Alignment(TopLeft) Column(#Column1) Flow(Down) Manage(#Label1) Parent(#TableLayout) Row(#Row1)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem2) Alignment(TopLeft) Column(#Column1) Flow(Down) Manage(#Label2) Parent(#TableLayout) Row(#Row2)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem3) Alignment(TopLeft) Column(#Column1) Flow(Down) Manage(#Label3) Parent(#TableLayout) Row(#Row3)
Define_Com Class(#PRIM_LABL) Name(#Label1) Caption('200 Pixels') Displayposition(1) Ellipses(Word) Height(200) Left(0) Parent(#COM_OWNER) Tabposition(1) Tabstop(False) Top(0) Verticalalignment(Center) Width(1169) Style(#Style1) Alignment(Center)
Define_Com Class(#PRIM_LABL) Name(#Label2) Caption('50% of remaining height') Displayposition(2) Ellipses(Word) Height(129) Left(0) Parent(#COM_OWNER) Tabposition(2) Tabstop(False) Top(200) Verticalalignment(Center) Width(1169) Style(#Style2) Alignment(Center)
Define_Com Class(#PRIM_LABL) Name(#Label3) Caption('50% of remaining height') Displayposition(3) Ellipses(Word) Height(128) Left(0) Parent(#COM_OWNER) Tabposition(3) Tabstop(False) Top(329) Verticalalignment(Center) Width(1169) Style(#Style3) Alignment(Center)
End_Com
Febuary 18 V14SP2