Ranges Control

Table of Contents

• Example
• Available tags
• Revision History
• See also

Used to show multiple range blocks

The ranges control is used for showing multiple range UI elements on the same control. It is used in Kodi, for example, to show the intervals of a cutlist (EDL) or chapters in the video seekbar. You can choose the position, size and look and feel of the control.

---

Example

<control type="ranges">
    <left>0</left>
    <top>70</top>
    <width>100%</width>
    <height>8</height>
    <texturebg border="3" colordiffuse="00FFFFFF">colors/white50.png</texturebg>
    <lefttexture>colors/white.png</lefttexture>
    <midtexture colordiffuse="FFFF0000">colors/white.png</midtexture>
    <righttexture>colors/white.png</righttexture>
    <info>Player.Editlist</info>
</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
texturebg	The background texture for the range control.
lefttexture	The texture used in the left hand side of the range
midtexture	The texture used for the mid section of the range
righttexture	The texture used in the right hand side of the range
info	Specifies the information the range control holds. It expects an infolabel that returns a string in CSV format: e.g. "start1,end1,start2,end2,...". Tokens must have values in the range from 0.0 to 100.0. end token must be less or equal than start token. Examples of currently supported infolabels are Player.Editlist, Player.Cutlist, Player.Cuts, Player.Cutlist and Player.Chapters. Deprecated Player.Cutlist is deprecated use Player.Cuts instead.

Revision History

v19 Skinning engine changes

[Ranges Control] New control added.

---

See also

Development:

• Add-on development
• Skinning