Revision [427]
Last edited on 2011-06-01 15:42:43 by ShinOneAdditions:
||filter||//filter// or //filters//||The filter(s) applied on the //""ListBox""//.||
||scroll||//scroll//||The scroll style applied on the //""ListBox""//.||
||scroll||//scroll//||The scroll style applied on the //""ListBox""//.||
Deletions:
||scroll||//scroll//||The scroll style applied on the //ListBox//.||
Revision [426]
Edited on 2011-06-01 15:42:09 by ShinOneAdditions:
||//id//||The id of each //""ListBox""// option.||
||//label//||The label of each //""ListBox""// option.||
||//scroll//||The scroll style applied on the //""ListBox""//.||
Style attributes that maybe used on a //""ListBox""// component.
||filter||//filter// or //filters//||The filter(s) applied on the //ListBox//.||
||scroll||//scroll//||The scroll style applied on the //ListBox//.||
||//label//||The label of each //""ListBox""// option.||
||//scroll//||The scroll style applied on the //""ListBox""//.||
Style attributes that maybe used on a //""ListBox""// component.
||filter||//filter// or //filters//||The filter(s) applied on the //ListBox//.||
||scroll||//scroll//||The scroll style applied on the //ListBox//.||
Deletions:
Like most input components, the only style attribute supported for //toggle// is //filter//.
||filter||//filter// or //filters//||The filter(s) applied to the //box//.||
Revision [425]
Edited on 2011-06-01 15:37:34 by ShinOneAdditions:
||//itemskin//||The default state skin template for a //""ListBox""// option.||
||//itemskinover//||The rollover state skin template for a //""ListBox""// option.||
||//itemskinselected//||The selected state skin template for a //""ListBox""// option.||
||//itemskinover//||The rollover state skin template for a //""ListBox""// option.||
||//itemskinselected//||The selected state skin template for a //""ListBox""// option.||
Deletions:
||//skinselected//||The selected state skin template for //""ListBox""//.||
Revision [424]
Edited on 2011-06-01 15:35:52 by ShinOneAdditions:
The middle example also uses the //multiselect// attribute to allow multi-choice selection for the listbox. Hold the SHIFT button to multi-select or deselect options.
Skin attributes that can be set on a //""ListBox""// component.
||//skin//||The default skin template for //""ListBox""//.||
||//skinover//||The rollover state skin template for //""ListBox""//.||
||//skinselected//||The selected state skin template for //""ListBox""//.||
Reserved pattern IDs used in //""ListBox""// template composition.
||//label//||The label of the //""ListBox""//.||
See the [[http://samplemath.com/smaf/ref/com/samplemath/input/ListBox.html SMAF reference]] for more information on the //""ListBox""// component.
Skin attributes that can be set on a //""ListBox""// component.
||//skin//||The default skin template for //""ListBox""//.||
||//skinover//||The rollover state skin template for //""ListBox""//.||
||//skinselected//||The selected state skin template for //""ListBox""//.||
Reserved pattern IDs used in //""ListBox""// template composition.
||//label//||The label of the //""ListBox""//.||
See the [[http://samplemath.com/smaf/ref/com/samplemath/input/ListBox.html SMAF reference]] for more information on the //""ListBox""// component.
Deletions:
Skin attributes that can be set on a //listbox// component.
||//skin//||The default skin template for //listbox//.||
||//skinover//||The rollover state skin template for //listbox//.||
||//skinselected//||The selected state skin template for //listbox//.||
Reserved pattern IDs used in //listbox// template composition.
||//label//||The label of the //listbox//.||
See the [[http://samplemath.com/smaf/ref/com/samplemath/input/ListBox.html SMAF reference]] for more information on the //listbox// component.
Revision [423]
Edited on 2011-06-01 15:33:37 by ShinOneNo differences.
Revision [422]
Edited on 2011-06-01 15:32:46 by ShinOneAdditions:
The //""ListBox""// component is designated for capturing single or multi-choice input from the user. It technically consists of a linear list of skinable //Button// component instances that may scroll if they have to.
The example below shows variations on a //""ListBox""// component. The left and middle examples show scrolling listboxes with different scroll styles applied on them. Please see [[http://samplemath.com/smaf/doc/wikka.php?wakka=ScrollStyles Scroll Styles]] for more details.
The right example showcases using //""ListBox""// as a radio-button style input. Lots of different variations of UI controls maybe achieved via skinning this component and its elements. For skinning listbox options please view [[http://samplemath.com/smaf/doc/wikka.php?wakka=UsingButton Using Button]] for more details.
Please note that the //""ListBox""// component reserves the //label//, //id// and //scroll// pattern ids.
The example below shows variations on a //""ListBox""// component. The left and middle examples show scrolling listboxes with different scroll styles applied on them. Please see [[http://samplemath.com/smaf/doc/wikka.php?wakka=ScrollStyles Scroll Styles]] for more details.
The right example showcases using //""ListBox""// as a radio-button style input. Lots of different variations of UI controls maybe achieved via skinning this component and its elements. For skinning listbox options please view [[http://samplemath.com/smaf/doc/wikka.php?wakka=UsingButton Using Button]] for more details.
Please note that the //""ListBox""// component reserves the //label//, //id// and //scroll// pattern ids.
Deletions:
The example below shows variations on a //ListBox// component. The left and middle examples show scrolling listboxes with different scroll styles applied on them. Please see [[http://samplemath.com/smaf/doc/wikka.php?wakka=ScrollStyles Scroll Styles]] for more details.
The right example showcases using //ListBox// as a radio-button style input. Lots of different variations of UI controls maybe achieved via skinning this component and its elements. For skinning listbox options please view [[http://samplemath.com/smaf/doc/wikka.php?wakka=UsingButton Using Button]] for more details.
Please note that the //ListBox// component reserves the //label//, //id// and //scroll// pattern ids.
Revision [421]
Edited on 2011-06-01 15:31:27 by ShinOneAdditions:
The //ListBox// component is designated for capturing single or multi-choice input from the user. It technically consists of a linear list of skinable //Button// component instances that may scroll if they have to.
The example below shows variations on a //ListBox// component. The left and middle examples show scrolling listboxes with different scroll styles applied on them. Please see [[http://samplemath.com/smaf/doc/wikka.php?wakka=ScrollStyles Scroll Styles]] for more details.
The right example showcases using //ListBox// as a radio-button style input. Lots of different variations of UI controls maybe achieved via skinning this component and its elements. For skinning listbox options please view [[http://samplemath.com/smaf/doc/wikka.php?wakka=UsingButton Using Button]] for more details.
Please note that the //ListBox// component reserves the //label//, //id// and //scroll// pattern ids.
The example below shows variations on a //ListBox// component. The left and middle examples show scrolling listboxes with different scroll styles applied on them. Please see [[http://samplemath.com/smaf/doc/wikka.php?wakka=ScrollStyles Scroll Styles]] for more details.
The right example showcases using //ListBox// as a radio-button style input. Lots of different variations of UI controls maybe achieved via skinning this component and its elements. For skinning listbox options please view [[http://samplemath.com/smaf/doc/wikka.php?wakka=UsingButton Using Button]] for more details.
Please note that the //ListBox// component reserves the //label//, //id// and //scroll// pattern ids.
Deletions:
The example below shows variations on a //listbox// component. The left and middle examples show scrolling listboxes with different scroll styles applied on them. Please see [[http://samplemath.com/smaf/doc/wikka.php?wakka=ScrollStyles Applying Scroll Styles]] for more details.
The right example showcases using //listbox// as a radio-button style input. Lots of different variations of UI controls maybe achieved via skinning this component and its elements. For skinning listbox options please view [[http://samplemath.com/smaf/doc/wikka.php?wakka=UsingButton Using Button]] for more details.
Please note that the ListBox component reserves the //label//, //id// and //scroll// pattern ids.
Revision [420]
Edited on 2011-06-01 15:29:32 by ShinOneAdditions:
The //listbox// component is designated for capturing single or multi-choice input from the user. It technically consists of a linear list of skinable //Button// component instances that may scroll if they have to.
The example below shows variations on a //listbox// component. The left and middle examples show scrolling listboxes with different scroll styles applied on them. Please see [[http://samplemath.com/smaf/doc/wikka.php?wakka=ScrollStyles Applying Scroll Styles]] for more details.
The middle example also uses the //multiselect// attribute to allow multi-choice selection for the listbox.
The right example showcases using //listbox// as a radio-button style input. Lots of different variations of UI controls maybe achieved via skinning this component and its elements. For skinning listbox options please view [[http://samplemath.com/smaf/doc/wikka.php?wakka=UsingButton Using Button]] for more details.
Please note that the ListBox component reserves the //label//, //id// and //scroll// pattern ids.
0xdddddd
0xffffff
0xb7e288
0xffffff
0x888888
0x555555
0xffffff
0xb7e288
0xffffff
0x555555
0x666666
0x22cc22
0x22ff22
1
16
scrollbarBackground
scrollbarBackgroundOver
scrollbarHandle
scrollbarHandleOver
4
9
16
.04
false
false
2
20
scrollIndicator
scrollOriginIndicator
0xffffff
0x555555
0xffffff
0xb7e288
The example below shows variations on a //listbox// component. The left and middle examples show scrolling listboxes with different scroll styles applied on them. Please see [[http://samplemath.com/smaf/doc/wikka.php?wakka=ScrollStyles Applying Scroll Styles]] for more details.
The middle example also uses the //multiselect// attribute to allow multi-choice selection for the listbox.
The right example showcases using //listbox// as a radio-button style input. Lots of different variations of UI controls maybe achieved via skinning this component and its elements. For skinning listbox options please view [[http://samplemath.com/smaf/doc/wikka.php?wakka=UsingButton Using Button]] for more details.
Please note that the ListBox component reserves the //label//, //id// and //scroll// pattern ids.
