TwoAdjustableColumns Widget

Original 2 column widget has been renamed, but otherwise operates the same as before.  

ThreeAdjustableColumns Widget

The new 3 column widget has been added. This provides 3 adjustable columns with similar functionality to the original 2 column widget.  

Use of the 3 column widget:

-Uses same inputs of the 2 column widget, and defaults to 3 columns of equal width

-When defining only the Left or Middle column, the other 2 columns will fill the remaining space equally

-When defining both the Left and Middle columns, the Right column will fill the remaining space

-The total defined width between Left and Middle must be 11 or less, as the Right column needs at least 1 column width to fill

-If the inputs are not a valid combination (eg. left:SevenColumnWidth, right:SevenColumnWidth, totalling 14), the widget will display the default widths = all 3 equally sized, all FourColumnWidth.  

Place the Adjustable Columns widget on your desired screen, and then set the input variables. In the case of the demo a local variable is used, but for normal purposes you would use the static entity provided with the widget (AdjustableSize).  

None of the inputs are mandatory. For the AdjustableSize input, the default value will be "AdjustableSize.SixColumnWidth". This input defines the width of the left-hand column, as number of columns to take up on the screen (eg. width: 1col, 2col, 3 col...). The right-hand column will fill the rest of the columns available.

The demo screen allows you to select the standard OutSystems UI Column widgets to compare the new widget to.  

For the GutterSize, TabletBehaviour, PhoneBehaviour and ExtendedClass the default will be the same as the existing OutSystemsUI column widgets.

Beyond this the widget functions exactly the same as the standard OutSystemsUI Column widgets. For example the content of the columns is adjusted vertically to fit inside the column.