Positioned

Overview

The POSITIONED widget allows you to position any child within its parent if it is a direct descendant og [STACK], [TEMPLATE] or [HEADER].

Table of Contents

• Overview
• Usage - Ideals: - Restrictions:
• Attributes
• Examples - (fig. a) - (img. a)
• Other Widgets You May Find Useful:

Usage

To position widgets a distance from the edge(s) of a STACK.

Ideals:

-When items are needed to be stacked on top of eachother.

-When items need small adjustments over a full screen are.

Restrictions:

-Consider using [ROW] and [COLUMN] with [PADDING] for most layout scenarios that do not require overlay of widgets.

-[POSITIONED] only works with widgets that are a direct child of [STACK], [HEADER], or [TEMPLATE].

Attributes

Name	Type	Default	Description	Req
Id	string	null	The id of the widget used for databinding.
Top	string	null	The number of pixels from the top of the STACK's parent.
Left	string	null	The number of pixels from the left of the STACK's parent.
Right	string	null	The number of pixels from the right of the STACK's parent.
Bottom	string	null	The number of pixels from the bottom of the STACK's parent.
xoffset	string	null	The amount of offset on the x axis from the center.
yoffset	string	null	The amount of offset on the y axis from the center.
depth	string	null	The depth of the widget in the stack. By default it is the order rendered.

Examples

<SHAPE width="100%" color="blue" height="50">
<STACK>
	<POSITIONED bottom="0.0" right="25.0">
	<TOOLTIP text ="refresh page">
	<BUTTON onclick="fire('ITEM')" color="transparent">
		<ICON color="black" icon="refresh" size="25"/>
	</BUTTON>
	</TOOLTIP>
	</POSITIONED>
						
	<POSITIONED bottom="0.0" right="100.0">
	<TOOLTIP text ="delete qualifier">
	<BUTTON onclick="complete('TABLE');" enabled='{TABLE.dirty}'>
		<ICON icon="delete" color="eval('{TABLE.dirty}'=='true'?'red':'grey')"/>
	</BUTTON>
	</TOOLTIP>
	</POSITIONED>
</STACK>
</SHAPE>

(fig. a)

A link navigating to an internal url, openining the page as a part of the current stack.

(img. a)

Other Widgets You May Find Useful:

• STACK
• BOX