Controls - Revision history

Hitcher at 12:50, 15 June 2025

2025-06-15T12:50:04Z

← Older revision		Revision as of 12:50, 15 June 2025
Line 4:		Line 4:
	== Available controls ==		== Available controls ==

			; [[Button control]] : a standard push button control.
			; [[Color Button Control]] : used to select a color.
			; [[EPGGrid control]] : used to display the EPG guide in the PVR section.
			; [[Edit Control]] : used as an input control for the osd keyboard and other input fields.
			; [[Fade label control]] : used to show multiple pieces of text in the same position, by fading from one to the other.
			; [[Fixed List Container]] : used for a list of items with a fixed focus. Same as the [[Wrap List Container]] except it doesn't wrap.
	; [[Group Control]] : used to group controls together.		; [[Group Control]] : used to group controls together.
	; [[Group List Control]] : special case of the group control that forms a scrolling list of controls.		; [[Group List Control]] : special case of the group control that forms a scrolling list of controls.
			; [[Image Control]] : used to show an image.
	; [[Label control]] : used to show some lines of text.		; [[Label control]] : used to show some lines of text.
	; [[~~Fade label control~~]] : used ~~to show multiple pieces~~ of ~~text in~~ the ~~same position, by fading from one to the other.~~		; [[List Container]] : used for a scrolling lists of items. Replaces the list control.
	~~; [[Image Control]] : used to show an image~~.
	; [[MultiImage Control]] : used to show a slideshow of images.		; [[MultiImage Control]] : used to show a slideshow of images.
	; [[~~Button control~~]] : a ~~standard push button control~~.		; [[Panel Container]] : used for a scrolling panel of items. Replaces the thumbnail panel.
			; [[Progress Control]] : Used to show the progress of a particular operation.
			; [[RSS ticker]] : used to display scrolling RSS feeds.
	; [[Radio button control]] : a radio button control (as used for on/off settings).		; [[Radio button control]] : a radio button control (as used for on/off settings).
	; [[~~Toggle button control~~]] : a ~~toggle on/off button that can take 2 different states~~.		; [[Scroll Bar Control]] : used for a implementing a scroll bar.
	; [[~~Spin~~ Control]] : used for ~~cycling up/down controls~~.		; [[Settings Slider Control]] : used for a slider control in the settings menus.
	; [[Settings Spin Control]] : used for cycling up/down controls in the settings menus.		; [[Settings Spin Control]] : used for cycling up/down controls in the settings menus.
	; [[Slider Control]] : used for a volume slider.		; [[Slider Control]] : used for a volume slider.
	; [[~~Scroll Bar~~ Control]] : used for ~~a implementing a scroll bar.~~		; [[Spin Control]] : used for cycling up/down controls.
	~~; [[Settings Slider Control]] : used for a slider control in the settings menus.~~
	~~; [[Progress Control]] : Used to show the progress of a particular operation.~~
	~~; [[List Container]] : used for a scrolling lists of items. Replaces the list control.~~
	~~; [[Wrap List Container]] : used for a wrapping list of items with fixed focus.~~
	~~; [[Fixed List Container]] : used for a list of items with a fixed focus. Same as the [[Wrap List Container]] except it doesn't wrap.~~
	~~; [[Panel Container]] : used for a scrolling panel of items. Replaces the thumbnail panel~~.
	; [[Text Box]] : used to show a multi-page piece of text.		; [[Text Box]] : used to show a multi-page piece of text.
	; [[~~RSS ticker~~]] : used to display ~~scrolling RSS feeds~~.		; [[Toggle button control]] : a toggle on/off button that can take 2 different states.
			; [[Video Control]] : used to display the currently playing video whilst in the GUI.
	; [[Visualisation Control]] : used to display a visualisation while music is playing.		; [[Visualisation Control]] : used to display a visualisation while music is playing.
	; [[~~Video Control~~]] : used ~~to display the currently playing video whilst in the GUI.~~		; [[Wrap List Container]] : used for a wrapping list of items with fixed focus.
	~~; [[Edit Control]] : used as an input control~~ for ~~the osd keyboard and other input fields.~~
	~~; [[EPGGrid control]] : used to display the EPG guide in the PVR section~~.

	== Rarely used controls ==		== Rarely used controls ==

Hitcher: /* Filling controls and dictating how they respond from the skin */

2025-06-15T07:54:56Z

Filling controls and dictating how they respond from the skin

← Older revision		Revision as of 07:54, 15 June 2025
Line 65:		Line 65:

	; [[Conditional visibility]] : Defining when to display and hide a control, and how to animate the effect.		; [[Conditional visibility]] : Defining when to display and hide a control, and how to animate the effect.
	; [[~~Animating_your_skin~~]] : Breathing life into controls by having defining how they move and respond to actions.		; [[Animating your skin]] : Breathing life into controls by having defining how they move and respond to actions.
	; [[List_of_built-in_functions\|Built In Functions]] : Defining what a button or list does when clicked or focused.		; [[List_of_built-in_functions\|Built In Functions]] : Defining what a button or list does when clicked or focused.
	; [[InfoLabels\|Specifying Labels]] : Defining what a label control or image control's contents should be.		; [[InfoLabels\|Specifying Labels]] : Defining what a label control or image control's contents should be.

Karellen at 08:59, 19 July 2020

2020-07-19T08:59:25Z

← Older revision		Revision as of 08:59, 19 July 2020
Line 24:		Line 24:
	; [[Panel Container]] : used for a scrolling panel of items. Replaces the thumbnail panel.		; [[Panel Container]] : used for a scrolling panel of items. Replaces the thumbnail panel.
	; [[Text Box]] : used to show a multi-page piece of text.		; [[Text Box]] : used to show a multi-page piece of text.
			; [[RSS ticker]] : used to display scrolling RSS feeds.
	; [[Visualisation Control]] : used to display a visualisation while music is playing.		; [[Visualisation Control]] : used to display a visualisation while music is playing.
	; [[Video Control]] : used to display the currently playing video whilst in the GUI.		; [[Video Control]] : used to display the currently playing video whilst in the GUI.

Karellen at 08:47, 19 July 2020

2020-07-19T08:47:30Z

Ronie: /* Depreciated controls */

2018-02-16T09:57:08Z

Depreciated controls

← Older revision		Revision as of 09:57, 16 February 2018
Line 45:		Line 45:
	; Console Control : used as a multi-coloured text display (XLink Kai window).		; Console Control : used as a multi-coloured text display (XLink Kai window).
	; Extended List Control : used in the XLink Kai window.		; Extended List Control : used in the XLink Kai window.
	; [[Large Image Control]] : background loading version of the image control, for larger images.		; Large Image Control : background loading version of the image control, for larger images.
	; List Control : used for lists of items.		; List Control : used for lists of items.
	; [[Multiselect control]] : a piece of text with multiple selectable "button" components.		; Multiselect control : a piece of text with multiple selectable "button" components.
	; Recently Added Media Control : used to display the last few items added to the video database.		; Recently Added Media Control : used to display the last few items added to the video database.
	; [[Select button control]] : a select button control (allows multiple selections from a single button)		; Select button control : a select button control (allows multiple selections from a single button)
	; Thumbnail Panel : used to show a panel of thumbnails.		; Thumbnail Panel : used to show a panel of thumbnails.

Ronie: /* Depreciated controls */

2016-05-22T14:55:42Z

Depreciated controls

← Older revision		Revision as of 14:55, 22 May 2016
Line 46:		Line 46:
	; Extended List Control : used in the XLink Kai window.		; Extended List Control : used in the XLink Kai window.
	; [[Large Image Control]] : background loading version of the image control, for larger images.		; [[Large Image Control]] : background loading version of the image control, for larger images.
	; [[List Control]] : used for lists of items.		; List Control : used for lists of items.
	; [[Multiselect control]] : a piece of text with multiple selectable "button" components.		; [[Multiselect control]] : a piece of text with multiple selectable "button" components.
	; Recently Added Media Control : used to display the last few items added to the video database.		; Recently Added Media Control : used to display the last few items added to the video database.

Ronie: /* Depreciated controls */

2015-12-20T21:47:32Z

Depreciated controls

← Older revision		Revision as of 21:47, 20 December 2015
Line 49:		Line 49:
	; [[Multiselect control]] : a piece of text with multiple selectable "button" components.		; [[Multiselect control]] : a piece of text with multiple selectable "button" components.
	; Recently Added Media Control : used to display the last few items added to the video database.		; Recently Added Media Control : used to display the last few items added to the video database.
			; [[Select button control]] : a select button control (allows multiple selections from a single button)
	; Thumbnail Panel : used to show a panel of thumbnails.		; Thumbnail Panel : used to show a panel of thumbnails.

Ronie: /* Available controls */

2015-12-20T21:47:20Z

Available controls

← Older revision		Revision as of 21:47, 20 December 2015
Line 12:		Line 12:
	; [[Button control]] : a standard push button control.		; [[Button control]] : a standard push button control.
	; [[Radio button control]] : a radio button control (as used for on/off settings).		; [[Radio button control]] : a radio button control (as used for on/off settings).
	~~; [[Select button control]] : a select button control (allows multiple selections from a single button)~~
	; [[Toggle button control]] : a toggle on/off button that can take 2 different states.		; [[Toggle button control]] : a toggle on/off button that can take 2 different states.
	; [[Spin Control]] : used for cycling up/down controls.		; [[Spin Control]] : used for cycling up/down controls.

Ronie: /* Depreciated controls */

2015-12-20T21:40:06Z

Depreciated controls

← Older revision		Revision as of 21:40, 20 December 2015
Line 42:		Line 42:
	Or may not work at all		Or may not work at all

	; [[Buttonscrollers]] : used for multiple buttons in a scrollable list.		; Buttonscrollers : used for multiple buttons in a scrollable list.
			; Checkmark Control : Used on the XLink Kai Host Dialog. Similar to Radio Button but does not have the button texture, and the check-mark is on the left.
			; Console Control : used as a multi-coloured text display (XLink Kai window).
			; Extended List Control : used in the XLink Kai window.
	; [[Large Image Control]] : background loading version of the image control, for larger images.		; [[Large Image Control]] : background loading version of the image control, for larger images.
	; [[List Control]] : used for lists of items.		; [[List Control]] : used for lists of items.
	; [[Multiselect control]] : a piece of text with multiple selectable "button" components.		; [[Multiselect control]] : a piece of text with multiple selectable "button" components.
	~~; [[Thumbnail Panel]] : used to show a panel of thumbnails.~~
	; Recently Added Media Control : used to display the last few items added to the video database.		; Recently Added Media Control : used to display the last few items added to the video database.
	; ~~Console Control~~ : used as a ~~multi-coloured text display (XLink Kai window).~~		; Thumbnail Panel : used to show a panel of thumbnails.
	~~; Checkmark Control : Used on the XLink Kai Host Dialog. Similar to Radio Button but does not have the button texture, and the check-mark is on the left.~~
	~~; Extended List Control : used in the XLink Kai window~~.

	== Built in controls ==		== Built in controls ==

Ronie: /* Depreciated controls */

2015-12-20T21:33:04Z

Depreciated controls

← Older revision		Revision as of 21:33, 20 December 2015
Line 43:		Line 43:

	; [[Buttonscrollers]] : used for multiple buttons in a scrollable list.		; [[Buttonscrollers]] : used for multiple buttons in a scrollable list.
			; [[Large Image Control]] : background loading version of the image control, for larger images.
	; [[List Control]] : used for lists of items.		; [[List Control]] : used for lists of items.
	; [[Multiselect control]] : a piece of text with multiple selectable "button" components.		; [[Multiselect control]] : a piece of text with multiple selectable "button" components.

← Older revision		Revision as of 08:47, 19 July 2020
Line 6:		Line 6:
	; [[Group Control]] : used to group controls together.		; [[Group Control]] : used to group controls together.
	; [[Group List Control]] : special case of the group control that forms a scrolling list of controls.		; [[Group List Control]] : special case of the group control that forms a scrolling list of controls.
	; [[Label ~~Control~~]] : used to show some lines of text.		; [[Label control]] : used to show some lines of text.
	; [[Fade ~~Label Control~~]] : used to show multiple pieces of text in the same position, by fading from one to the other.		; [[Fade label control]] : used to show multiple pieces of text in the same position, by fading from one to the other.
	; [[Image Control]] : used to show an image.		; [[Image Control]] : used to show an image.
	; [[MultiImage Control]] : used to show a slideshow of images.		; [[MultiImage Control]] : used to show a slideshow of images.
Line 24:		Line 24:
	; [[Panel Container]] : used for a scrolling panel of items. Replaces the thumbnail panel.		; [[Panel Container]] : used for a scrolling panel of items. Replaces the thumbnail panel.
	; [[Text Box]] : used to show a multi-page piece of text.		; [[Text Box]] : used to show a multi-page piece of text.
	~~; [[RSS feed Control]] : used to display scrolling RSS feeds.~~
	; [[Visualisation Control]] : used to display a visualisation while music is playing.		; [[Visualisation Control]] : used to display a visualisation while music is playing.
	; [[Video Control]] : used to display the currently playing video whilst in the GUI.		; [[Video Control]] : used to display the currently playing video whilst in the GUI.
Line 33:		Line 32:

	; [[Mover Control]] : used in the calibration screens.		; [[Mover Control]] : used in the calibration screens.
	; [[Resize ~~Control~~]] : used to set the pixel ratio in Video Calibration.		; [[Resize control]] : used to set the pixel ratio in Video Calibration.


Line 58:		Line 57:
	== XML tags that affect all control types ==		== XML tags that affect all control types ==

	The XML tags that affect all control types [[~~Default Control Tags~~\|can be found here.]]		The XML tags that affect all control types [[Default_control_tags\|can be found here.]]

	== Filling controls and dictating how they respond from the skin ==		== Filling controls and dictating how they respond from the skin ==
Line 64:		Line 63:
	Most of the controls' contents are filled at runtime by the Kodi source codebase, but for controls such as buttons, labels and images, the Skinner has full control over what the button does or what the label and images look like, if they so desire. This is done via the use of conditional <visible> tags, built in <execute> functions, and <info> information tags. See the following links for more information.		Most of the controls' contents are filled at runtime by the Kodi source codebase, but for controls such as buttons, labels and images, the Skinner has full control over what the button does or what the label and images look like, if they so desire. This is done via the use of conditional <visible> tags, built in <execute> functions, and <info> information tags. See the following links for more information.

	; [[Conditional ~~Visibility~~]] : Defining when to display and hide a control, and how to animate the effect.		; [[Conditional visibility]] : Defining when to display and hide a control, and how to animate the effect.
	; [[~~Animating Your Skin~~]] : Breathing life into controls by having defining how they move and respond to actions.		; [[Animating_your_skin]] : Breathing life into controls by having defining how they move and respond to actions.
	; [[~~List of Built In Functions~~\|Built In Functions]] : Defining what a button or list does when clicked or focused.		; [[List_of_built-in_functions\|Built In Functions]] : Defining what a button or list does when clicked or focused.
	; [[InfoLabels\|Specifying Labels]] : Defining what a label control or image control's contents should be.		; [[InfoLabels\|Specifying Labels]] : Defining what a label control or image control's contents should be.