Slider Control: Difference between revisions
Jump to navigation
Jump to search
>NedBot m Wikitable class; cosmetic changes |
|||
| (14 intermediate revisions by 8 users not shown) | |||
| Line 1: | Line 1: | ||
<section begin="main content" /> | |||
The slider control is used for things where a sliding bar best represents the operation at hand (such as a volume control or seek control). You can choose the position, size, and look of the slider control. | The slider control is used for things where a sliding bar best represents the operation at hand (such as a volume control or seek control). You can choose the position, size, and look of the slider control. | ||
=== Example === | === Example === | ||
< | <syntaxhighlight lang="xml" enclose="div"> | ||
<control type="slider" id="17"> | <control type="slider" id="17"> | ||
<description>My first slider control</description> | <description>My first slider control</description> | ||
< | <left>80</left> | ||
< | <top>60</top> | ||
<width>250</width> | <width>250</width> | ||
<height>30</height> | <height>30</height> | ||
<visible>true</visible> | <visible>true</visible> | ||
< | <texturesliderbar>mybackgroundtexture.png</texturesliderbar> | ||
<texturesliderbardisabled>mydisabledbackgroundtexture.png</texturesliderbardisabled> | |||
<textureslidernib>mydowntexture.png</textureslidernib> | <textureslidernib>mydowntexture.png</textureslidernib> | ||
<textureslidernibfocus>mydownfocustexture.png</textureslidernibfocus> | <textureslidernibfocus>mydownfocustexture.png</textureslidernibfocus> | ||
<textureslidernibdisabled>mydowndisabledtexture.png</textureslidernibdisabled> | |||
<info></info> | <info></info> | ||
<action></action> | |||
<controloffsetx></controloffsetx> | <controloffsetx></controloffsetx> | ||
<controloffsety></controloffsety> | <controloffsety></controloffsety> | ||
<pulseonselect></pulseonselect> | <pulseonselect></pulseonselect> | ||
<orientation>horizontal</orientation> | |||
<onup>2</onup> | <onup>2</onup> | ||
<ondown>3</ondown> | <ondown>3</ondown> | ||
| Line 21: | Line 26: | ||
<onright>1</onright> | <onright>1</onright> | ||
</control> | </control> | ||
</ | </syntaxhighlight> | ||
=== Available | === Available tags === | ||
In addition to the [[Default Control Tags]] the following tags are available. Note that each tag is '''lower case''' only. This is important, as xml tags are case-sensitive. | In addition to the [[Default Control Tags]] the following tags are available. Note that each tag is '''lower case''' only. This is important, as xml tags are case-sensitive. | ||
{| class=" | |||
{| class="prettytable" | |||
! Tag !! Description | |||
|- | |- | ||
| ''' | | '''texturesliderbar''' | ||
| | | | ||
Specifies the image file which should be displayed in the background of the slider control. [[Texture Attributes|See here for additional information about textures.]] | Specifies the image file which should be displayed in the background of the slider control. [[Texture Attributes|See here for additional information about textures.]] | ||
|- | |||
| '''texturesliderbardisabled''' | |||
| | |||
Specifies the image file which should be displayed in the background of the slider control when it is disabled. (v21+) | |||
|- | |- | ||
| '''textureslidernib''' | | '''textureslidernib''' | ||
| Line 36: | Line 47: | ||
| '''textureslidernibfocus''' | | '''textureslidernibfocus''' | ||
| Specifies the image file which should be displayed for the slider nib when it has focus. | | Specifies the image file which should be displayed for the slider nib when it has focus. | ||
|- | |||
| '''textureslidernibdisabled''' | |||
| Specifies the image file which should be displayed for the slider nib when it it is disabled. (v21+) | |||
|- | |- | ||
| '''controloffsetx''' | | '''controloffsetx''' | ||
| Line 44: | Line 58: | ||
|- | |- | ||
| '''info''' | | '''info''' | ||
| | | Specifies the information that the slider controls. [[InfoLabels|See here for more information.]] | ||
Specifies the information that the slider controls. [[InfoLabels|See here for more information.]] | |- | ||
| '''action''' | |||
| Can be 'volume' to adjust the volume, 'seek' to change the seek position or 'pvr.seek' for timeshifting in PVR | |||
|- | |||
| '''orientation''' | |||
| Can be horizontal or vertical (default). | |||
|} | |} | ||
[[Category:Skin | <section end="main content" /> | ||
== See also == | |||
'''Development:''' | |||
* [[Add-on development]] | |||
* [[Skinning]] | |||
[[Category:Skin development]] | |||
Latest revision as of 03:18, 4 May 2023
The slider control is used for things where a sliding bar best represents the operation at hand (such as a volume control or seek control). You can choose the position, size, and look of the slider control.
Example
<control type="slider" id="17">
<description>My first slider control</description>
<left>80</left>
<top>60</top>
<width>250</width>
<height>30</height>
<visible>true</visible>
<texturesliderbar>mybackgroundtexture.png</texturesliderbar>
<texturesliderbardisabled>mydisabledbackgroundtexture.png</texturesliderbardisabled>
<textureslidernib>mydowntexture.png</textureslidernib>
<textureslidernibfocus>mydownfocustexture.png</textureslidernibfocus>
<textureslidernibdisabled>mydowndisabledtexture.png</textureslidernibdisabled>
<info></info>
<action></action>
<controloffsetx></controloffsetx>
<controloffsety></controloffsety>
<pulseonselect></pulseonselect>
<orientation>horizontal</orientation>
<onup>2</onup>
<ondown>3</ondown>
<onleft>1</onleft>
<onright>1</onright>
</control>
Available tags
In addition to the Default Control Tags the following tags are available. Note that each tag is lower case only. This is important, as xml tags are case-sensitive.
| Tag | Description |
|---|---|
| texturesliderbar |
Specifies the image file which should be displayed in the background of the slider control. See here for additional information about textures. |
| texturesliderbardisabled |
Specifies the image file which should be displayed in the background of the slider control when it is disabled. (v21+) |
| textureslidernib | Specifies the image file which should be displayed for the slider nib. |
| textureslidernibfocus | Specifies the image file which should be displayed for the slider nib when it has focus. |
| textureslidernibdisabled | Specifies the image file which should be displayed for the slider nib when it it is disabled. (v21+) |
| controloffsetx | Amount to offset the slider background texture from the left edge of the control. Only useful if a value is being rendered as well (ie in int or float mode). |
| controloffsety | Amount to offset the slider background texture from the top edge of the control. |
| info | Specifies the information that the slider controls. See here for more information. |
| action | Can be 'volume' to adjust the volume, 'seek' to change the seek position or 'pvr.seek' for timeshifting in PVR |
| orientation | Can be horizontal or vertical (default). |
See also
Development: