| Both sides previous revision Previous revision Next revision | Previous revision Next revisionBoth sides next revision |
| livebox:xapflash [2017/01/17 20:50] – brett | livebox:xapflash [2017/01/17 20:58] – brett |
|---|
| ===== User interface objects ===== | ===== User interface objects ===== |
| |
| The ''<button>'' object is the primary object which is used in the construction a user interface. There are 3 primary modes in which a button will be used | The ''%%<button>%%'' object is the primary object which is used in the construction a user interface. There are 3 primary modes in which a button will be used |
| * in a control mode to trigger an xAP event. | * in a control mode to trigger an xAP event. |
| * in a read-only mode to display xAP data. | * in a read-only mode to display xAP data. |
| |
| They maybe populated with any of the following child tags according to the usage key legend below | They maybe populated with any of the following child tags according to the usage key legend below |
| * BT - ''<button>'' & ''%%<textbox>%%'' | * BT - ''%%<button>%%'' & ''%%<textbox>%%'' |
| * B - ''<button>'' only | * B - ''%%<button>%%'' only |
| * T - ''%%<textbox>%%'' only | * T - ''%%<textbox>%%'' only |
| |
| | <wordwrap> | T | Boolean: true/false | | | <wordwrap> | T | Boolean: true/false | |
| | <hide> | B | text,state, default: none. For a BSC text button (''<mode>text</mode>'') defines what is hidden | | | <hide> | B | text,state, default: none. For a BSC text button (''<mode>text</mode>'') defines what is hidden | |
| | <style> | B | see [[#the 'style' tag]] | | | %%<style>%% | B | see [[#the 'style' tag]] | |
| | <alpha> | BT | Amount of transparency of ALL items contained withing the UI element.\\ Floating point number: 0 transparent, 1 Opaque. Default 1 | | | <alpha> | BT | Amount of transparency of ALL items contained withing the UI element.\\ Floating point number: 0 transparent, 1 Opaque. Default 1 | |
| | <xAP> | BT | see [[#the 'xAP' tag]] this is how you link a GUI object to an xAP endpoint | | | <xAP> | BT | see [[#the 'xAP' tag]] this is how you link a GUI object to an xAP endpoint | |
| ^ Tag ^ Description ^ | ^ Tag ^ Description ^ |
| | <design> | Currently only two available: o2, sleek. Default: nothing\\ The contents of the tag are use to construct a filename for the slider VALUEslider.swf, where VALUE is the <design> tag contents. | | | <design> | Currently only two available: o2, sleek. Default: nothing\\ The contents of the tag are use to construct a filename for the slider VALUEslider.swf, where VALUE is the <design> tag contents. | |
| | <style> | The name of the underlying SWF file ie "o2volumecontrol.swf" becomes its style; o2volumecontrol, sleekvolumecontrol | | | %%<style> %%| The name of the underlying SWF file ie "o2volumecontrol.swf" becomes its style; o2volumecontrol, sleekvolumecontrol | |
| | <rotation> | vertical(-left), vertical-right, horizontal(-left), horizontal-right | | | <rotation> | vertical(-left), vertical-right, horizontal(-left), horizontal-right | |
| | <min> | Sliders minimal range scaling value | | | <min> | Sliders minimal range scaling value | |
| </code> | </code> |
| |
| The style of the pop-up volume level can also be controlled by including a <slider> section using the following as the style type: ''<style>sleekvolumecontrol</style>'' or ''<style>o2volumecontrol</style>''. Default: sleekvolumecontrol | The style of the pop-up volume level can also be controlled by including a <slider> section using the following as the style type: ''%%<style>sleekvolumecontrol</style>%%'' or ''%%<style>o2volumecontrol</style>%%''. Default: sleekvolumecontrol |
| |
| * **screenbrightnesslevel** (Joggler Only) | * **screenbrightnesslevel** (Joggler Only) |
| </button> | </button> |
| </code> | </code> |
| The style of the pop-up brightness level can also be controlled by including a <slider> section, just like volumelevel, using the following as the style type: ''<style>sleekslider</style>'' or ''<style>o2slider</style>''. Default: sleekslider | The style of the pop-up brightness level can also be controlled by including a <slider> section, just like volumelevel, using the following as the style type: ''%%<style>sleekslider</style>%%'' or ''%%<style>o2slider</style>%%''. Default: sleekslider |
| |
| * **screensaverhold** (Joggler Only) | * **screensaverhold** (Joggler Only) |
| | <group> | Only one member of a group can be active at once (radio group). If a page in the group is made visible all others will be hidden. | | | <group> | Only one member of a group can be active at once (radio group). If a page in the group is made visible all others will be hidden. | |
| |
| Empty <layout>, <button> and %%<textbox>%% tags have been inserted to show their relationship with respect to a <page> tag. | Empty <layout>, %%<button>%% and %%<textbox>%% tags have been inserted to show their relationship with respect to a <page> tag. |
| |
| <code xml> | <code xml> |