Difference between revisions of "Selector"
Line 1: | Line 1: | ||
− | {{UI Object Header}} | + | {{UI Object Header}} |
+ | |||
+ | The selector allows you to create a graphical behavior that is similar to having multiple panels with tab navigation, only more flexible than that. The graphical appearance of a selector is the same as an (image) or (imagelink) object, an image and a text label. | ||
+ | You should create two or more overlapped containers in a page, each with a unique id. Then create a (selector) object for each container, with all selectors having the same group name. When a (selector) object is touched, the corresponding container’s visibility will be set to visible, while all other containers associated to selectors with the same group name will become invisible. | ||
+ | |||
+ | Parameters: | ||
+ | <file> - the name of the file to use as image | ||
+ | <pos> - position. Use the pixels or rows and columns coordinates format <width> - the width of the text box, in pixels | ||
+ | <height> - the height of the text box, in pixels | ||
+ | <container id> - the container’s id associated to this selector | ||
+ | <group> - optional group name, identifying a set of selectors. All selectors | ||
+ | with no group name defined are part of the same group <text> - optional text. Can contain HTML tags | ||
+ | <css> - optional CSS style. |
Revision as of 10:38, 29 January 2014
The selector allows you to create a graphical behavior that is similar to having multiple panels with tab navigation, only more flexible than that. The graphical appearance of a selector is the same as an (image) or (imagelink) object, an image and a text label. You should create two or more overlapped containers in a page, each with a unique id. Then create a (selector) object for each container, with all selectors having the same group name. When a (selector) object is touched, the corresponding container’s visibility will be set to visible, while all other containers associated to selectors with the same group name will become invisible.
Parameters: <file> - the name of the file to use as image <pos> - position. Use the pixels or rows and columns coordinates format <width> - the width of the text box, in pixels <height> - the height of the text box, in pixels <container id> - the container’s id associated to this selector <group> - optional group name, identifying a set of selectors. All selectors with no group name defined are part of the same group <text> - optional text. Can contain HTML tags <css> - optional CSS style.