Wrap List Container - Revision history

Gade: /* Available tags */

2022-04-14T00:51:34Z

Available tags

← Older revision		Revision as of 00:51, 14 April 2022
Line 107:		Line 107:
	\|-		\|-
	\| '''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'''

Ronie: /* Example */

2019-03-05T18:20:14Z

Example

← Older revision		Revision as of 18:20, 5 March 2019
Line 25:		Line 25:
	<scrolltime tween="sine" easing="out">200</scrolltime>		<scrolltime tween="sine" easing="out">200</scrolltime>
	<autoscroll>true</autoscroll>		<autoscroll>true</autoscroll>
	<itemlayout width="~~250~~" height="29">		<itemlayout width="650" height="29">
	<control type="image">		<control type="image">
	<left>5</left>		<left>5</left>
Line 57:		Line 57:
	</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:55, 22 February 2019

2019-02-22T20:55:10Z

← Older revision		Revision as of 20:55, 22 February 2019
Line 31:		Line 31:
	<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 42:		Line 42:
	<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 54:		Line 54:
	<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 71:		Line 71:
	<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 82:		Line 82:
	<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 94:		Line 94:
	<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:48Z

Example

← Older revision		Revision as of 12:09, 9 April 2016
Line 10:		Line 10:
	<control type="wraplist" id="50">		<control type="wraplist" id="50">
	<description>My first wraplist container</description>		<description>My first wraplist 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 27:		Line 27:
	<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 34:		Line 34:
	</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 45:		Line 45:
	</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 61:		Line 61:
	<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 74:		Line 74:
	</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 85:		Line 85:
	</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:24:25Z

Available tags

← Older revision		Revision as of 07:24, 6 April 2015
Line 121:		Line 121:
	\| Specifies the index (from 0 -> number items displayable - 1) of the focused item. The focused item doesn't move - as the user moves up and down (or left and right) the items scroll instead.		\| Specifies the index (from 0 -> number items displayable - 1) of the focused item. The focused item doesn't move - as the user moves up and down (or left and right) the items scroll instead.
	\|-		\|-
	\| '''itemlayout'''''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.		\| '''itemlayout'''
	\| Specifies the layout of items in the list. Requires the height attribute set in a vertical list, and the width attribute set for a horizontal list. The <itemlayout> then contains as many label and image controls as required. [[Container Item Layout\|See here for more information.]]		\| Specifies the layout of items in the list. Requires the height attribute set in a vertical list, and the width attribute set for a horizontal list. The <itemlayout> then contains as many label and image controls as required. [[Container Item Layout\|See here for more information.]]
	\|-		\|-

Pbureau: /* Available tags */

2015-04-06T07:22:41Z

Available tags

← Older revision		Revision as of 07:22, 6 April 2015
Line 107:		Line 107:
	\|-		\|-
	\| '''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 121:		Line 121:
	\| Specifies the index (from 0 -> number items displayable - 1) of the focused item. The focused item doesn't move - as the user moves up and down (or left and right) the items scroll instead.		\| Specifies the index (from 0 -> number items displayable - 1) of the focused item. The focused item doesn't move - as the user moves up and down (or left and right) the items scroll instead.
	\|-		\|-
	\| '''itemlayout'''		\| '''itemlayout'''''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.
	\| Specifies the layout of items in the list. Requires the height attribute set in a vertical list, and the width attribute set for a horizontal list. The <itemlayout> then contains as many label and image controls as required. [[Container Item Layout\|See here for more information.]]		\| Specifies the layout of items in the list. Requires the height attribute set in a vertical list, and the width attribute set for a horizontal list. The <itemlayout> then contains as many label and image controls as required. [[Container Item Layout\|See here for more information.]]
	\|-		\|-
Line 135:		Line 135:

	<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:03:14Z

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

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

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

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

2014-04-23T18:46:35Z

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

← Older revision		Revision as of 18:46, 23 April 2014
Line 7:		Line 7:
	As with all container controls, the layout of the items within the control is very flexible.		As with all container controls, the layout of the items within the control is very flexible.
	=== Example ===		=== Example ===
	<syntaxhighlight lang="XML" enclose="~~DIV~~">		<syntaxhighlight lang="XML" enclose="div">
	<control type="wraplist" id="50">		<control type="wraplist" id="50">
	<description>My first wraplist container</description>		<description>My first wraplist container</description>

NedBot: Bot: Automated text replacement (-class="wikitable" +class="prettytable" & -Available Tags +Available tags & - +)

2014-03-14T06:14:25Z

Bot: Automated text replacement (-class="wikitable" +class="prettytable" & -Available Tags +Available tags & -<source +<syntaxhighlight & -</source> +</syntaxhighlight>)

← Older revision		Revision as of 06:14, 14 March 2014
Line 103:		Line 103:
	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="~~wikitable~~"		{\| class="prettytable"
	! Tag !! Description		! Tag !! Description
	\|-		\|-

Ned Scott: formatting

2014-03-12T09:38:12Z

formatting

← Older revision		Revision as of 09:38, 12 March 2014
Line 7:		Line 7:
	As with all container controls, the layout of the items within the control is very flexible.		As with all container controls, the layout of the items within the control is very flexible.
	=== Example ===		=== Example ===
	<~~source~~ lang="~~xml~~">		<syntaxhighlight lang="XML" enclose="DIV">
	<control type="wraplist" id="50">		<control type="wraplist" id="50">
	<description>My first wraplist container</description>		<description>My first wraplist container</description>
Line 98:		Line 98:
	</focusedlayout>		</focusedlayout>
	</control>		</control>
	</~~source~~>		</syntaxhighlight>

	=== Available ~~Tags~~ ===		=== 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="wikitable"		{\| class="wikitable"
			! Tag !! Description
	\|-		\|-
	\| '''viewtype'''		\| '''viewtype'''