Container Item Layout - Revision history

Karellen at 22:42, 24 August 2020

2020-08-24T22:42:44Z

← Older revision		Revision as of 22:42, 24 August 2020
Line 94:		Line 94:
	</syntaxhighlight>		</syntaxhighlight>

	As can be seen, the <itemlayout> and <focusedlayout> blocks can contain a number of [[Image Control\|image]] or [[~~Label Control~~\|label]] controls, the content of which is either static, or can be filled with [[InfoLabels\|info labels]] such as ListItem.Title and so on. You can have more than one <itemlayout> / <focusedlayout> tag based on conditional visibility. The first <itemlayout> with a condition that is satisfied (or no condition specified) will be used for a particular directory listing. The condition is only checked when the list is refreshed.		As can be seen, the <itemlayout> and <focusedlayout> blocks can contain a number of [[Image Control\|image]] or [[Label_control\|label]] controls, the content of which is either static, or can be filled with [[InfoLabels\|info labels]] such as ListItem.Title and so on. You can have more than one <itemlayout> / <focusedlayout> tag based on conditional visibility. The first <itemlayout> with a condition that is satisfied (or no condition specified) will be used for a particular directory listing. The condition is only checked when the list is refreshed.
	<syntaxhighlight lang="xml" enclose="div">		<syntaxhighlight lang="xml" enclose="div">
	<itemlayout height="29" width="250" condition="Container.Content(Movies)">		<itemlayout height="29" width="250" condition="Container.Content(Movies)">

Ronie: /* Example */

2018-02-16T13:02:02Z

Example

← Older revision		Revision as of 13:02, 16 February 2018
Line 94:		Line 94:
	</syntaxhighlight>		</syntaxhighlight>

	As can be seen, the <itemlayout> and <focusedlayout> blocks can contain a number of [[Image Control\|image]], [[Label Control\|label~~]] or [[Multiselect Control\|multiselect~~]] controls, the content of which is either static, or can be filled with [[InfoLabels\|info labels]] such as ListItem.Title and so on. You can have more than one <itemlayout> / <focusedlayout> tag based on conditional visibility. The first <itemlayout> with a condition that is satisfied (or no condition specified) will be used for a particular directory listing. The condition is only checked when the list is refreshed.		As can be seen, the <itemlayout> and <focusedlayout> blocks can contain a number of [[Image Control\|image]] or [[Label Control\|label]] controls, the content of which is either static, or can be filled with [[InfoLabels\|info labels]] such as ListItem.Title and so on. You can have more than one <itemlayout> / <focusedlayout> tag based on conditional visibility. The first <itemlayout> with a condition that is satisfied (or no condition specified) will be used for a particular directory listing. The condition is only checked when the list is refreshed.
	<syntaxhighlight lang="xml" enclose="div">		<syntaxhighlight lang="xml" enclose="div">
	<itemlayout height="29" width="250" condition="Container.Content(Movies)">		<itemlayout height="29" width="250" condition="Container.Content(Movies)">

Ronie: /* Example */

2016-04-09T12:20:58Z

Example

← Older revision		Revision as of 12:20, 9 April 2016
Line 2:		Line 2:

	=== Example ===		=== Example ===
	<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 92:		Line 92:
	</focusedlayout>		</focusedlayout>
	</control>		</control>
	</~~xml~~>		</syntaxhighlight>

	As can be seen, the <itemlayout> and <focusedlayout> blocks can contain a number of [[Image Control\|image]], [[Label Control\|label]] or [[Multiselect Control\|multiselect]] controls, the content of which is either static, or can be filled with [[InfoLabels\|info labels]] such as ListItem.Title and so on. You can have more than one <itemlayout> / <focusedlayout> tag based on conditional visibility. The first <itemlayout> with a condition that is satisfied (or no condition specified) will be used for a particular directory listing. The condition is only checked when the list is refreshed.		As can be seen, the <itemlayout> and <focusedlayout> blocks can contain a number of [[Image Control\|image]], [[Label Control\|label]] or [[Multiselect Control\|multiselect]] controls, the content of which is either static, or can be filled with [[InfoLabels\|info labels]] such as ListItem.Title and so on. You can have more than one <itemlayout> / <focusedlayout> tag based on conditional visibility. The first <itemlayout> with a condition that is satisfied (or no condition specified) will be used for a particular directory listing. The condition is only checked when the list is refreshed.
	<xml>		<syntaxhighlight lang="xml" enclose="div">
	<itemlayout height="29" width="250" condition="Container.Content(Movies)">		<itemlayout height="29" width="250" condition="Container.Content(Movies)">
	</~~xml~~>		</syntaxhighlight>

Ronie: /* Example */

2016-04-09T12:19:55Z

Example

← Older revision		Revision as of 12:19, 9 April 2016
Line 5:		Line 5:
	<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 21:		Line 21:
	<itemlayout width="250" height="29" condition="true">		<itemlayout width="250" height="29" condition="true">
	<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>
Line 94:		Line 94:
	</xml>		</xml>

	As can be seen, the <itemlayout> and <focusedlayout> blocks can contain a number of [[Image Control\|image]], [[Label Control\|label]] or [[Multiselect Control\|multiselect]] controls, the content of which is either static, or can be filled with [[InfoLabels\|info labels]] such as ListItem.Title and so on. You can have more than one <itemlayout> tag based on conditional visibility. The first <itemlayout> with a condition that is satisfied (or no condition specified) will be used for a particular directory listing. The condition is only checked when the list is refreshed.		As can be seen, the <itemlayout> and <focusedlayout> blocks can contain a number of [[Image Control\|image]], [[Label Control\|label]] or [[Multiselect Control\|multiselect]] controls, the content of which is either static, or can be filled with [[InfoLabels\|info labels]] such as ListItem.Title and so on. You can have more than one <itemlayout> / <focusedlayout> tag based on conditional visibility. The first <itemlayout> with a condition that is satisfied (or no condition specified) will be used for a particular directory listing. The condition is only checked when the list is refreshed.
			<xml>
			<itemlayout height="29" width="250" condition="Container.Content(Movies)">
			</xml>


	Most image and label tags are available to these sub-controls.		Most image and label tags are available to these sub-controls.

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

2014-04-23T19:00:59Z

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

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

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

>NedBot: Robot: Cosmetic changes

2013-04-27T14:47:56Z

Robot: Cosmetic changes

← Older revision		Revision as of 14:47, 27 April 2013
Line 100:		Line 100:
	One thing to note is that the only animations available to the sub-controls is the focus animation, or conditional animations. The focus animation is invoked whenever the <focusedlayout> is needed to be used for an item. Note that with conditions such as Container.Row(0), Container.Column(3), or Container.Position(4) the actual focused layout (and animation) can be changed per-item. The layout of the unfocused items, however, is fixed per-item.		One thing to note is that the only animations available to the sub-controls is the focus animation, or conditional animations. The focus animation is invoked whenever the <focusedlayout> is needed to be used for an item. Note that with conditions such as Container.Row(0), Container.Column(3), or Container.Position(4) the actual focused layout (and animation) can be changed per-item. The layout of the unfocused items, however, is fixed per-item.

	==See also==		== See also ==
	'''Development:'''		'''Development:'''
	* [[Add-on development]]		* [[Add-on development]]

>Martijn at 22:44, 26 January 2013

2013-01-26T22:44:31Z

← Older revision		Revision as of 22:44, 26 January 2013
Line 99:		Line 99:

	One thing to note is that the only animations available to the sub-controls is the focus animation, or conditional animations. The focus animation is invoked whenever the <focusedlayout> is needed to be used for an item. Note that with conditions such as Container.Row(0), Container.Column(3), or Container.Position(4) the actual focused layout (and animation) can be changed per-item. The layout of the unfocused items, however, is fixed per-item.		One thing to note is that the only animations available to the sub-controls is the focus animation, or conditional animations. The focus animation is invoked whenever the <focusedlayout> is needed to be used for an item. Note that with conditions such as Container.Row(0), Container.Column(3), or Container.Position(4) the actual focused layout (and animation) can be changed per-item. The layout of the unfocused items, however, is fixed per-item.

			==See also==
			'''Development:'''
			* [[Add-on development]]
			* [[Skinning]]

	[[Category:Skin Development]]		[[Category:Skin Development]]

Ned Scott at 02:25, 27 November 2011

2011-11-27T02:25:47Z

← Older revision		Revision as of 02:25, 27 November 2011
Line 99:		Line 99:

	One thing to note is that the only animations available to the sub-controls is the focus animation, or conditional animations. The focus animation is invoked whenever the <focusedlayout> is needed to be used for an item. Note that with conditions such as Container.Row(0), Container.Column(3), or Container.Position(4) the actual focused layout (and animation) can be changed per-item. The layout of the unfocused items, however, is fixed per-item.		One thing to note is that the only animations available to the sub-controls is the focus animation, or conditional animations. The focus animation is invoked whenever the <focusedlayout> is needed to be used for an item. Note that with conditions such as Container.Row(0), Container.Column(3), or Container.Position(4) the actual focused layout (and animation) can be changed per-item. The layout of the unfocused items, however, is fixed per-item.

			[[Category:Skin Development]]

>Garebear: list items ordering

2011-10-06T03:18:57Z

list items ordering

← Older revision		Revision as of 03:18, 6 October 2011
Line 1:		Line 1:
	All container objects ([[List Container]], [[Wrap List Container]], [[~~Panel~~ Container]] and [[~~Fixed List~~ Container]]) have very flexible layout of their items using the <itemlayout> and <focusedlayout> tags.		All container objects ([[List Container]], [[Wrap List Container]], [[Fixed List Container]] and [[Panel Container]]) have very flexible layout of their items using the <itemlayout> and <focusedlayout> tags.

	=== Example ===		=== Example ===

>NedBot: Robot: Cosmetic changes

2011-09-07T16:08:14Z

Robot: Cosmetic changes

← Older revision		Revision as of 16:08, 7 September 2011
Line 1:		Line 1:
	All container objects ([[List Container]], [[Wrap List Container]], [[Panel Container]] and [[Fixed List Container]]) have very flexible layout of their items using the <itemlayout> and <focusedlayout> tags.		All container objects ([[List Container]], [[Wrap List Container]], [[Panel Container]] and [[Fixed List Container]]) have very flexible layout of their items using the <itemlayout> and <focusedlayout> tags.

	===Example===		=== Example ===
	<xml>		<xml>
	<control type="wraplist" id="50">		<control type="wraplist" id="50">
Line 98:		Line 98:
	Most image and label tags are available to these sub-controls.		Most image and label tags are available to these sub-controls.

	One thing to note is that the only animations available to the sub-controls is the focus animation, or conditional animations. The focus animation is invoked whenever the <focusedlayout> is needed to be used for an item. Note that with conditions such as Container.Row(0), Container.Column(3), or Container.Position(4) the actual focused layout (and animation) can be changed per-item. The layout of the unfocused items, however, is fixed per-item.		One thing to note is that the only animations available to the sub-controls is the focus animation, or conditional animations. The focus animation is invoked whenever the <focusedlayout> is needed to be used for an item. Note that with conditions such as Container.Row(0), Container.Column(3), or Container.Position(4) the actual focused layout (and animation) can be changed per-item. The layout of the unfocused items, however, is fixed per-item.