top Property

(:title top Property:)

Sets or retrieves the position of the widget relative to the top of its parent widget. For the new offset to be applied, you need to redraw the widget by calling its "[[(Developers.QuiX)redraw]]" method.

!!Syntax

||cellspacing=1 cellpadding=4 border=1 bgcolor=#ededed
||!`QuiX XML||[@
<qx:rect xmlns:qx="http://www.innoscript.org/quix" top="10%">
</qx:rect>
@]||
||!`JavaScript||widget.'''top''' = "10%"; ||

!! Possible values

The ''top'' property can be of the following types:

||cellspacing=1 cellpadding=4 border=1 bgcolor=#ededed
|| ''length'' ||Integer that specifies the widget's top offset in in pixels.||
|| ''percentage'' ||An integer followed by the "%" sign. The offset is calculated as a percentage of the height of the parent widget.||
|| ''calculated'' ||A string expression that once evaluated, returns the widget's top offset.[[<<]]For instance, a value of [@"this.parent.getHeight()-this.getHeight(true)"@] aligns the current widget on its parent's bottom line.||
|| ''center'' ||If the ''top'' property is set to "'''center'''" the widget becomes horizontally centered inside its parent's client area.||