Gap

<< Click to Display Table of Contents >>

Navigation:  IWML > Tags > Controls >

Gap

The Gap control inserts spacing between adjacent controls. It adjusts its size based on the layout orientation: vertical or horizontal; and is commonly used to visually separate UI elements.

 

By default, the spacing is 15 pixels, but you can customize it using parameters. You can also explicitly define width and height if needed.

 

Syntax

 

Gap [Auto] [Width|Height]

 

Auto — defines default gap size in the current orientation (horizontal or vertical).

Width|Height — sets exact spacing dimensions.

 

Properties

 

Auto – spacing value (default is 15) used in the layout direction.

Width – explicitly sets the horizontal size.

Height – explicitly sets the vertical size.

 

If both Auto and Width/Height are used, Width and Height take priority.

 

Try It

 

SimpleStack

 Text First Element

 Gap 20|30

 Text Second Element