Skinning Manual - Revision history

Hitcher at 11:11, 1 September 2026

2026-09-01T11:11:50Z

@@ Line 259: / Line 259: @@
 (see $ESCINFO[] for more info on the need to escape strings: http://kodi.wiki/view/Label_Parsing)
 <br /><br />
 == Constants ==

Uixtung: /* Use params in includes */

2022-07-14T13:34:04Z

Use params in includes

← Older revision		Revision as of 13:34, 14 July 2022
Line 101:		Line 101:

	== Use params in includes ==		== Use params in includes ==
	~~As of Kodi 15.0 Isengard you get is the ability~~ to pass arbitrary parameters to your includes and then use these values anywhere within the include body. Just so you don't have to copy/paste huge chunks of XML anymore in order to change just a value or two. Includes are now roughly equivalent to "procedures" in programming languages. Here's the final syntax that has been included in Kodi.		It's possible to pass arbitrary parameters to your includes and then use these values anywhere within the include body. Just so you don't have to copy/paste huge chunks of XML anymore in order to change just a value or two. Includes are now roughly equivalent to "procedures" in programming languages. Here's the final syntax that has been included in Kodi.

	'''Include definitions''' are still written within ''<includes>'' tag, usually in ''includes.xml''. But they can now accept parameters:		'''Include definitions''' are still written within ''<includes>'' tag, usually in ''includes.xml''. But they can now accept parameters:

Karellen at 22:45, 7 June 2022

2022-06-07T22:45:15Z

← Older revision		Revision as of 22:45, 7 June 2022
Line 422:		Line 422:
	* [[Default Icons\|List of Default Icons]]		* [[Default Icons\|List of Default Icons]]
	* [[Skin Optimizations]]		* [[Skin Optimizations]]
			* [[Debugging via Renderdoc]]

Karellen at 22:49, 6 June 2022

2022-06-06T22:49:45Z

← Older revision		Revision as of 22:49, 6 June 2022
Line 421:		Line 421:
	* [[List of Built In Controls\|List of Built In Controls]]		* [[List of Built In Controls\|List of Built In Controls]]
	* [[Default Icons\|List of Default Icons]]		* [[Default Icons\|List of Default Icons]]
			* [[Skin Optimizations]]

Karellen: remove deprecated tags

2021-06-24T07:21:46Z

remove deprecated tags

Show changes

Ronie at 01:14, 10 January 2021

2021-01-10T01:14:06Z

← Older revision		Revision as of 01:14, 10 January 2021
Line 354:		Line 354:
	== Progress Control ==		== Progress Control ==
	{{#lst:Progress Control\|main content}}		{{#lst:Progress Control\|main content}}
			== Ranges Control ==
			{{#lst:Ranges Control\|main content}}
	== ScrollBar Control ==		== ScrollBar Control ==
	{{#lst:Scroll Bar Control\|main content}}		{{#lst:Scroll Bar Control\|main content}}

Karellen at 04:46, 20 July 2020

2020-07-20T04:46:57Z

← Older revision		Revision as of 04:46, 20 July 2020
Line 34:		Line 34:

	= Skin Themes =		= Skin Themes =
	All the basic media files for a skin should be compressed into the Textures.xbt file, and placed in the media/ folder. You can use the tool [[~~Texturepacker~~]] for this. All the images that make up the default skin theme should be in the Textures.xbt file.		All the basic media files for a skin should be compressed into the Textures.xbt file, and placed in the media/ folder. You can use the tool [[TexturePacker]] for this. All the images that make up the default skin theme should be in the Textures.xbt file.

	In addition to this, Kodi allows other .xbt files in the media/ folder, each one representing a different theme for your skin.		In addition to this, Kodi allows other .xbt files in the media/ folder, each one representing a different theme for your skin.
Line 403:		Line 403:
	The Kodi skinning engine supports animations of any control allowing them to rotate, slide, fade or any combination there-of. Combining animations with conditional statements ensure your skin will have stunning effects that appear as professional as a 1st party product.		The Kodi skinning engine supports animations of any control allowing them to rotate, slide, fade or any combination there-of. Combining animations with conditional statements ensure your skin will have stunning effects that appear as professional as a 1st party product.
	== Animating Your Skin ==		== Animating Your Skin ==
	{{#lst:~~Animating Your Skin~~\|main content}}		{{#lst:Animating_your_skin\|main content}}

	= Tweeners =		= Tweeners =
Line 414:		Line 414:
	= Appendix =		= Appendix =
	* [[Window IDs\|List of Windows]]		* [[Window IDs\|List of Windows]]
	* [[~~List of Boolean Conditions~~\|List of Boolean Conditions]]		* [[List_of_boolean_conditions\|List of Boolean Conditions]]
	* [[InfoLabels\|List of Info Labels]]		* [[InfoLabels\|List of Info Labels]]
	* [[~~List of Built In Functions~~\|List of Built In Functions]]		* [[List_of_built-in_functions\|List of Built In Functions]]
	* [[List of Built In Controls\|List of Built In Controls]]		* [[List of Built In Controls\|List of Built In Controls]]
	* [[Default Icons\|List of Default Icons]]		* [[Default Icons\|List of Default Icons]]


	~~[[Category:Repositories]]~~
	~~[[Category:Manual]]~~
	[[Category:Development]]		[[Category:Development]]
	[[Category:Skin development\|*]]		[[Category:Skin development\|*]]
	[[Category:Python]]		[[Category:Python]]

Karellen at 08:53, 19 July 2020

2020-07-19T08:53:20Z

← Older revision		Revision as of 08:53, 19 July 2020
Line 333:		Line 333:
	Controls are the substance of your skin. They define everything from buttons, to text labels, to visualization placement. This portion of the manual will explain each and every control in detail.		Controls are the substance of your skin. They define everything from buttons, to text labels, to visualization placement. This portion of the manual will explain each and every control in detail.
	== Label Control ==		== Label Control ==
	{{#lst:~~Label Control~~\|main content}}		{{#lst:Label_control\|main content}}
	== Fade Label Control ==		== Fade Label Control ==
	{{#lst:~~Fade Label Control~~\|main content}}		{{#lst:Fade_label_control\|main content}}
	== Button Control ==		== Button Control ==
	{{#lst:Button control\|main content}}		{{#lst:Button control\|main content}}
Line 359:		Line 359:
	{{#lst:Text Box\|main content}}		{{#lst:Text Box\|main content}}
	== RSS feed Control ==		== RSS feed Control ==
	{{#lst:~~RSS feed Control~~\|main content}}		{{#lst:RSS_ticker\|main content}}
	== Visualisation Control ==		== Visualisation Control ==
	{{#lst:Visualisation Control\|main content}}		{{#lst:Visualisation Control\|main content}}
Line 367:		Line 367:
	{{#lst:Mover Control\|main content}}		{{#lst:Mover Control\|main content}}
	== Resize Control ==		== Resize Control ==
	{{#lst:Resize ~~Control~~\|main content}}		{{#lst:Resize control\|main content}}
	== Edit Control ==		== Edit Control ==
	{{#lst:Edit Control\|main content}}		{{#lst:Edit Control\|main content}}
Line 398:		Line 398:
	= Conditional_Visibility =		= Conditional_Visibility =
	Kodi's skinning engine versatility is based upon the fact that the skinner can display and hide portions of the skin using a variety of conditional statements that can be combined to create very user friendly UI implementations. For further information of available variable and how they can be applied.		Kodi's skinning engine versatility is based upon the fact that the skinner can display and hide portions of the skin using a variety of conditional statements that can be combined to create very user friendly UI implementations. For further information of available variable and how they can be applied.
	{{#lst:Conditional ~~Visibility~~\|main content}}		{{#lst:Conditional visibility\|main content}}

	= Animations =		= Animations =

Ronie: /* Appendix */

2020-07-13T00:00:49Z

Appendix

← Older revision		Revision as of 00:00, 13 July 2020
Line 413:		Line 413:

	= Appendix =		= Appendix =
	[[Window IDs\|List of Windows]]		* [[Window IDs\|List of Windows]]
	[[List of Boolean Conditions\|List of Boolean Conditions]]		* [[List of Boolean Conditions\|List of Boolean Conditions]]
	[[InfoLabels\|List of Info Labels]]		* [[InfoLabels\|List of Info Labels]]
	[[List of Built In Functions\|List of Built In Functions]]		* [[List of Built In Functions\|List of Built In Functions]]
	[[List of Built In Controls\|List of Built In Controls]]		* [[List of Built In Controls\|List of Built In Controls]]
	[[Default Icons\|List of Default Icons]]		* [[Default Icons\|List of Default Icons]]

Ronie: /* Appendix */

2020-07-13T00:00:29Z

Appendix

← Older revision		Revision as of 00:00, 13 July 2020
Line 414:		Line 414:
	= Appendix =		= Appendix =
	[[Window IDs\|List of Windows]]		[[Window IDs\|List of Windows]]
			[[List of Boolean Conditions\|List of Boolean Conditions]]
			[[InfoLabels\|List of Info Labels]]
			[[List of Built In Functions\|List of Built In Functions]]
			[[List of Built In Controls\|List of Built In Controls]]
			[[Default Icons\|List of Default Icons]]

← Older revision		Revision as of 00:00, 13 July 2020
Line 413:		Line 413:

	= Appendix =		= Appendix =
	[[Window IDs\|List of Windows]]		* [[Window IDs\|List of Windows]]
	[[List of Boolean Conditions\|List of Boolean Conditions]]		* [[List of Boolean Conditions\|List of Boolean Conditions]]
	[[InfoLabels\|List of Info Labels]]		* [[InfoLabels\|List of Info Labels]]
	[[List of Built In Functions\|List of Built In Functions]]		* [[List of Built In Functions\|List of Built In Functions]]
	[[List of Built In Controls\|List of Built In Controls]]		* [[List of Built In Controls\|List of Built In Controls]]
	[[Default Icons\|List of Default Icons]]		* [[Default Icons\|List of Default Icons]]

← Older revision		Revision as of 00:00, 13 July 2020
Line 414:		Line 414:
	= Appendix =		= Appendix =
	[[Window IDs\|List of Windows]]		[[Window IDs\|List of Windows]]
			[[List of Boolean Conditions\|List of Boolean Conditions]]
			[[InfoLabels\|List of Info Labels]]
			[[List of Built In Functions\|List of Built In Functions]]
			[[List of Built In Controls\|List of Built In Controls]]
			[[Default Icons\|List of Default Icons]]