The Horizontal Layout

Horizontal layout lays all UI objects horizontally from left to right (by default) or from right to left.

var btnSubmit = new TButton("Submit");
var layHorizontal = new THorizontalLayout(5, 12);
var txtEmail = new TTextBox();
var wndHorizontalLay = createWindow('Horizontal Layout Sample');

layHorizontal.add(new TText('Enter your email:'));
layHorizontal.add(txtEmail);
layHorizontal.add(btnSubmit);

wndHorizontalLay.add(layHorizontal);
showModal(wndHorizontalLay);

In this example, we created a simple form using horizontal layout.

Horizontal layout constructor takes two optional parameters:

var layHorizontal = new THorizontalLayout(margin, padding);

Horizontal Layout Methods
Method Description
add Adds UI object to the layout
setDirection Sets layout direction left to right (ltr) or right to left (rtl). For example: layHorizontal.setDirection('rtl');