List Container - Revision history

Hitcher: /* Available tags */

2026-05-11T08:12:28Z

Available tags

← Older revision		Revision as of 08:12, 11 May 2026
Line 119:		Line 119:
	\|-		\|-
	\| '''content'''		\| '''content'''
	\| Used to set the item content that this list will contain. Allows the skinner to setup a list anywhere they want with a static set of content, as a useful alternative to the grouplist control. [[Static List Content\|~~See here~~ for more information]]		\| Used to set the item content that this list will contain. Allows the skinner to setup a list anywhere they want with a static set of content, as a useful alternative to the grouplist control. See [[Static List Content\|Static List Content]] or [[Dynamic List Content\|Dynamic List Content]] for more information.
	\|-		\|-
	\| '''preloaditems'''		\| '''preloaditems'''

Gade: /* Available tags */

2022-04-14T00:51:22Z

Available tags

← Older revision		Revision as of 00:51, 14 April 2022
Line 101:		Line 101:
	\|-		\|-
	\| '''viewtype'''		\| '''viewtype'''
	\| The type of view. Choices are list, icon, wide, wrap, biglist, bigicon, bigwide, bigwrap, info and biginfo. The label attribute indicates the label that will be used in the "View As" control within the GUI. It is localizable via strings.~~xml~~. ''viewtype'' has no effect on the view itself. It is used by kodi when switching skin to automatically select a view with a similar layout. Skinners should try to set ''viewtype'' to describe the layout as best as possible.		\| The type of view. Choices are list, icon, wide, wrap, biglist, bigicon, bigwide, bigwrap, info and biginfo. The label attribute indicates the label that will be used in the "View As" control within the GUI. It is localizable via strings.po. ''viewtype'' has no effect on the view itself. It is used by kodi when switching skin to automatically select a view with a similar layout. Skinners should try to set ''viewtype'' to describe the layout as best as possible.
	\|-		\|-
	\| '''orientation'''		\| '''orientation'''

RogueScholar: /* Available tags */ Fix redlink

2021-09-10T08:28:09Z

Available tags: Fix redlink

← Older revision		Revision as of 08:28, 10 September 2021
Line 122:		Line 122:
	\|-		\|-
	\| '''preloaditems'''		\| '''preloaditems'''
	\| Used in association with the ~~background image loader.~~ [[Background Image Loader\|~~See here for more information~~]]		\| Used in association with the [[Archive:Background Image Loader\|Background Image Loader]].
	\|-		\|-
	\| '''autoscroll'''		\| '''autoscroll'''

Ronie at 13:12, 1 June 2021

2021-06-01T13:12:17Z

← Older revision		Revision as of 13:12, 1 June 2021
Line 2:		Line 2:
	The list container is one of several containers used to display items from file lists in various ways. The list container is very flexible - it's only restriction is that it is a list - i.e. a single column or row of items. The layout of the items is very flexible and is up to the skinner.		The list container is one of several containers used to display items from file lists in various ways. The list container is very flexible - it's only restriction is that it is a list - i.e. a single column or row of items. The layout of the items is very flexible and is up to the skinner.
	=== Example ===		=== Example ===
	<syntaxhighlight lang="XML~~" enclose="div~~">		<syntaxhighlight lang="XML">
	<control type="list" id="50">		<control type="list" id="50">
	<description>My first list container</description>		<description>My first list container</description>

Ronie: /* Example */

2019-03-05T18:20:03Z

Example

← Older revision		Revision as of 18:20, 5 March 2019
Line 19:		Line 19:
	<autoscroll>true</autoscroll>		<autoscroll>true</autoscroll>
	<scrolltime tween="sine" easing="out">200</scrolltime>		<scrolltime tween="sine" easing="out">200</scrolltime>
	<itemlayout width="~~250~~" height="29">		<itemlayout width="650" height="29">
	<control type="image">		<control type="image">
	<left>5</left>		<left>5</left>
Line 51:		Line 51:
	</control>		</control>
	</itemlayout>		</itemlayout>
	<focusedlayout height="29" width="~~250~~">		<focusedlayout height="29" width="650">
	<control type="image">		<control type="image">
	<width>485</width>		<width>485</width>

Ronie at 20:52, 22 February 2019

2019-02-22T20:52:55Z

← Older revision		Revision as of 20:52, 22 February 2019
Line 25:		Line 25:
	<width>22</width>		<width>22</width>
	<height>22</height>		<height>22</height>
	<~~info~~>ListItem.Icon</~~info~~>		<texture>$INFO[ListItem.Icon]</texture>
	</control>		</control>
	<control type="label">		<control type="label">
Line 36:		Line 36:
	<selectedcolor>green</selectedcolor>		<selectedcolor>green</selectedcolor>
	<align>left</align>		<align>left</align>
	<~~info~~>ListItem.Label</~~info~~>		<label>$INFO[ListItem.Label]</label>
	</control>		</control>
	<control type="label">		<control type="label">
Line 48:		Line 48:
	<textcolor>grey</textcolor>		<textcolor>grey</textcolor>
	<align>right</align>		<align>right</align>
	<~~info~~>ListItem.Label2</~~info~~>		<label>$INFO[ListItem.Label2]</label>
	</control>		</control>
	</itemlayout>		</itemlayout>
Line 65:		Line 65:
	<width>22</width>		<width>22</width>
	<height>22</height>		<height>22</height>
	<~~info~~>ListItem.Icon</~~info~~>		<texture>$INFO[ListItem.Icon]</texture>
	</control>		</control>
	<control type="label">		<control type="label">
Line 76:		Line 76:
	<selectedcolor>green</selectedcolor>		<selectedcolor>green</selectedcolor>
	<align>left</align>		<align>left</align>
	<~~info~~>ListItem.Label</~~info~~>		<label>$INFO[ListItem.Label]</label>
	</control>		</control>
	<control type="label">		<control type="label">
Line 88:		Line 88:
	<textcolor>grey</textcolor>		<textcolor>grey</textcolor>
	<align>right</align>		<align>right</align>
	<~~info~~>ListItem.Label2</~~info~~>		<label>$INFO[ListItem.Label2]</label>
	</control>		</control>
	</focusedlayout>		</focusedlayout>

Ronie: /* Example */

2016-04-09T12:09:33Z

Example

← Older revision		Revision as of 12:09, 9 April 2016
Line 5:		Line 5:
	<control type="list" id="50">		<control type="list" id="50">
	<description>My first list container</description>		<description>My first list container</description>
	<~~posx~~>80</~~posx~~>		<left>80</left>
	<~~posy~~>60</~~posy~~>		<top>60</top>
	<width>250</width>		<width>250</width>
	<height>200</height>		<height>200</height>
Line 21:		Line 21:
	<itemlayout width="250" height="29">		<itemlayout width="250" height="29">
	<control type="image">		<control type="image">
	<~~posx~~>5</~~posx~~>		<left>5</left>
	<~~posy~~>3</~~posy~~>		<top>3</top>
	<width>22</width>		<width>22</width>
	<height>22</height>		<height>22</height>
Line 28:		Line 28:
	</control>		</control>
	<control type="label">		<control type="label">
	<~~posx~~>30</~~posx~~>		<left>30</left>
	<~~posy~~>3</~~posy~~>		<top>3</top>
	<width>430</width>		<width>430</width>
	<height>22</height>		<height>22</height>
Line 39:		Line 39:
	</control>		</control>
	<control type="label">		<control type="label">
	<~~posx~~>475</~~posx~~>		<left>475</left>
	<~~posy~~>3</~~posy~~>		<top>3</top>
	<width>300</width>		<width>300</width>
	<height>22</height>		<height>22</height>
Line 55:		Line 55:
	<width>485</width>		<width>485</width>
	<height>29</height>		<height>29</height>
	<~~posx~~>0</~~posx~~>		<left>0</left>
	<~~posy~~>0</~~posy~~>		<top>0</top>
	<visible>Control.HasFocus(50)</visible>		<visible>Control.HasFocus(50)</visible>
	<texture>list-focus.png</texture>		<texture>list-focus.png</texture>
	</control>		</control>
	<control type="image">		<control type="image">
	<~~posx~~>5</~~posx~~>		<left>5</left>
	<~~posy~~>3</~~posy~~>		<top>3</top>
	<width>22</width>		<width>22</width>
	<height>22</height>		<height>22</height>
Line 68:		Line 68:
	</control>		</control>
	<control type="label">		<control type="label">
	<~~posx~~>30</~~posx~~>		<left>30</left>
	<~~posy~~>3</~~posy~~>		<top>3</top>
	<width>430</width>		<width>430</width>
	<height>22</height>		<height>22</height>
Line 79:		Line 79:
	</control>		</control>
	<control type="label">		<control type="label">
	<~~posx~~>475</~~posx~~>		<left>475</left>
	<~~posy~~>3</~~posy~~>		<top>3</top>
	<width>300</width>		<width>300</width>
	<height>22</height>		<height>22</height>

Pbureau: /* Available tags */

2015-04-06T07:21:34Z

Available tags

← Older revision		Revision as of 07:21, 6 April 2015
Line 101:		Line 101:
	\|-		\|-
	\| '''viewtype'''		\| '''viewtype'''
	\| The type of view. Choices are list, icon, wide, wrap, biglist, bigicon, bigwide, bigwrap, info and biginfo. The label attribute indicates the label that will be used in the "View As" control within the GUI. It is localizable via strings.xml.		\| The type of view. Choices are list, icon, wide, wrap, biglist, bigicon, bigwide, bigwrap, info and biginfo. The label attribute indicates the label that will be used in the "View As" control within the GUI. It is localizable via strings.xml. ''viewtype'' has no effect on the view itself. It is used by kodi when switching skin to automatically select a view with a similar layout. Skinners should try to set ''viewtype'' to describe the layout as best as possible.
	\|-		\|-
	\| '''orientation'''		\| '''orientation'''
Line 129:		Line 129:

	<section end="main content" />		<section end="main content" />

	== See also ==		== See also ==
	'''Development:'''		'''Development:'''

NedBot: Robot: Changing Category:Skin Development to Category:Skin development

2014-04-23T19:01:53Z

Robot: Changing Category:Skin Development to Category:Skin development

← Older revision		Revision as of 19:01, 23 April 2014
Line 134:		Line 134:
	* [[Skinning]]		* [[Skinning]]

	[[Category:Skin ~~Development~~]]		[[Category:Skin development]]

NedBot: Bot: Automated text replacement (-enclose="DIV" +enclose="div")

2014-04-23T18:45:15Z

Bot: Automated text replacement (-enclose="DIV" +enclose="div")

← Older revision		Revision as of 18:45, 23 April 2014
Line 2:		Line 2:
	The list container is one of several containers used to display items from file lists in various ways. The list container is very flexible - it's only restriction is that it is a list - i.e. a single column or row of items. The layout of the items is very flexible and is up to the skinner.		The list container is one of several containers used to display items from file lists in various ways. The list container is very flexible - it's only restriction is that it is a list - i.e. a single column or row of items. The layout of the items is very flexible and is up to the skinner.
	=== Example ===		=== Example ===
	<syntaxhighlight lang="XML" enclose="~~DIV~~">		<syntaxhighlight lang="XML" enclose="div">
	<control type="list" id="50">		<control type="list" id="50">
	<description>My first list container</description>		<description>My first list container</description>