Page Comparison

A Vertical Layout is a general-purpose container which can be handy for grouping controls. They:

...

Properties of Vertical Layout

Properties

Image Added

1. Id - unique identifier of the control
2. Style Class - assign a predefined SAPUI5 CSS or a CSS class defined in the CSS of the App
3. Width - width setting 
4. Enabled - set a boolean value or a variable with type boolean from the Model to control the enable property
5. Visible - set a boolean value or a variable with type boolean from the Model to control the visibility property
6. xmlns - used to add an SAPUI5 namesapace. In the sample below, the namespace and controls under it can be accessed inside the Vertical Layout.
7. Advanced - Properties of the control not available in the above list can be added here.

Setting Additional Properties provides further information about the Advanced property

More Properties Screen
Image Added

1. No Auto Load – setting to prevent loading the  data into the table
2. OnUpdateFinished - executes the javascript function assigned for this event
3. rowHeight – controls the height
4. Width – controls the width
5. columnHeaderHeight - controls the header height
6. columnHeaderVisible – shows/hides the column header
7. firstVisibleRow – first visible row
8. Editable - enables/disables the table
9. Threshold - defines the number of entries to be requested from the model for each grow (e.

...

1. g. setting it to 100 will request and show the first 100 entries)
2. showColumnVisibilityMenu
3. showNoData – shows the table when empty
4. visibleRowCountMode, minAutoRowCount, fixedRowCount, rowActionCount and fixedBottomRowCount – Row count properties
5. enableColumnFreeze, enableCellFilter, enableSelectAll, enableCustomFilter, enableBusyIndicator, enableColumnReordering and enableGrouping – enable additional table properties and funtionalities

Step-by-step guide

How to add an Vertical Layout

1. Right click on a Page, Form Element or from any elements under Add Layout and select Add Vertical Layout
   Image Modified
   
2. An Vertical Layout control has been added
   
3. UI Elements including Model can be added under the Vertical Layout Control by doing a Right click from it
   
   
   

...