Layout Properties

Besides modifying the separate form elements appearance, Theme Designer offers you the possibility of influencing their layout. It supports a number of properties which can help you to manage an object position, the distance between elements, etc.

All the sizes in Theme Designer except for the font size should be given in pixels. The scale of values varies from  '-1' to '100'.

 

 

Grid Panel Properties

The Grid Panel properties can be applied to the objects placed within the Grid Panel container.

 

Description: win7_32_lycia2 (4GB RAM) [Запущено] - Oracle VM VirtualBox_2014-01-11_12-47-51.png

Grid Item Location

GridItemLocation property indicates the place and the size of an object, located within a Grid Panel container. It provides five options described below.

Grid Height

Grid Height property sets up the number of the grid rows that the object should occupy.

Grid Width

Grid Width property specifies the number of grid columns that the object should occupy.

Grid X

Grid X - The index of the grid column in which the top left corner of the object is to be placed.

Grid Y

Grid Y - The index of the grid row in which the top left corner of the object is to be placed.

 

Border Panel Item Location

 The Border Panel Item Location property specifies the location of a border panel item relatively to the border. There are five possible options:

·         Top places an item along the top border;

·         Bottom places an item along the bottom border;

·         Right places an item along the right border;

·         Left places an item along the left border;

·         Center places an item in the centre of the grid panel.

 

Location

Description: Location.png) The Location property sets the position of the selected element within its parent element along the coordinate axes. It provides two options:

 

·         X coord defines an element position horizontally in relation to the left edge of the parent element;

 

·         Y coorddefines an element position vertically in relation to the top edge of the parent element.

 

Z Order

Description: ZOrder.pngThe ZOrder property determines which element is atop if two or more objects overlap.

 

For example, a static label created by the DISPLAY statement can overlap form widgets or another static label. In this case the property should be assigned to each element.

 

An element with a larger Z order index is atop: if a form widget and a static label have indices '5' and '1' respectively, the form widget is brought forward and displayed above the label.