Page History
Table Layout Column - Units Property
| Panel | ||
|---|---|---|
| ||
Fixed height or proportion of the available space |
Member of Table Layout Column (PRIM_TBLO.Column)
Data Type - Enumeration
Details
The Units property determines the size and behavior of the column.
Allowed Values
Enum Value | Description |
|---|---|
Content | The Width change to accommodate the width of its content. If the content changes size, the column will get also resize |
Pixels | The Width will be fixed and will not change when the container is resized |
Proportion | The Width will be a proportion of the remaining space after the space for all fixed width columns has been allocated |
Example
In the example below there are 3 columns. The first is 200 pixels wide. The two remaining columns are proportional with equal Width properties, therefore sharing the remaining space equally.
Begin_Com Role(*EXTENDS #PRIM_WEB) Height(537) 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.Column) Name(#Column1) Parent(#TableLayout) Units(Pixels) Width(200) Displayposition(1)
Define_Com Class(#Prim_tblo.Column) Name(#Column2) Parent(#TableLayout) Displayposition(2)
Define_Com Class(#Prim_tblo.Column) Name(#Column3) Parent(#TableLayout) Displayposition(3)
Define_Com Class(#PRIM_TBLO.Row) Name(#Row1) 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(#Column2) Flow(Down) Manage(#Label2) Parent(#TableLayout) Row(#Row1)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem3) Alignment(TopLeft) Column(#Column3) Flow(Down) Manage(#Label3) Parent(#TableLayout) Row(#Row1)
Define_Com Class(#PRIM_LABL) Name(#Label1) Caption('200 Pixels') Displayposition(1) Ellipses(Word) Height(537) Left(0) Parent(#COM_OWNER) Tabposition(1) Tabstop(False) Top(0) Verticalalignment(Center) Width(200) Style(#Style1) Alignment(Center)
Define_Com Class(#PRIM_LABL) Name(#Label2) Caption('50% of remaining width') Displayposition(2) Ellipses(Word) Height(537) Left(200) Parent(#COM_OWNER) Tabposition(2) Tabstop(False) Top(0) Verticalalignment(Center) Width(485) Style(#Style2) Alignment(Center)
Define_Com Class(#PRIM_LABL) Name(#Label3) Caption('50% of remaining width') Displayposition(3) Ellipses(Word) Height(537) Left(685) Parent(#COM_OWNER) Tabposition(3) Tabstop(False) Top(0) Verticalalignment(Center) Width(484) Style(#Style3) Alignment(Center)
End_Com