rendered paste body<window id="4"> <defaultcontrol>36</defaultcontrol> <allowoverlay>yes</allowoverlay> <controls> <include>Background</include> <include>Menu-Panel</include> <control> <description>Title Label</description> <label>5</label> <include>Window-Title</include> </control> <control type="group" id="1"> <control type="button" id="21"> <description>Profiles button</description> <posx>58</posx> <posy>80</posy> <height>30</height> <width>110</width> <label>Profiles</label> <texturefocus>Button-Menu.png</texturefocus> <texturenofocus>Button-Menu-NoFocus.png</texturenofocus> <font>menubutton</font> <onclick>XBMC.ActivateWindow(profiles)</onclick> <onleft>24</onleft> <onright>22</onright> <onup>6</onup> <ondown>6</ondown> <include>focusedcolor</include> <include>MenuButton</include> </control> <control type="button" id="22"> <description>Skin Settings button</description> <posx>168</posx> <posy>80</posy> <height>30</height> <width>110</width> <label>Skin Settings</label> <texturefocus>Button-Menu.png</texturefocus> <texturenofocus>Button-Menu-NoFocus.png</texturenofocus> <font>menubutton</font> <onclick>ActivateWindow(56)</onclick> <onleft>21</onleft> <onright>23</onright> <onup>6</onup> <ondown>6</ondown> <include>focusedcolor</include> <include>MenuButton</include> </control> <control type="button" id="23"> <description>About XBMC button</description> <posx>278</posx> <posy>80</posy> <height>30</height> <width>110</width> <label>About XBMC</label> <texturefocus>Button-Menu.png</texturefocus> <texturenofocus>Button-Menu-NoFocus.png</texturenofocus> <font>menubutton</font> <onclick>XBMC.Credits()</onclick> <onleft>22</onleft> <onright>24</onright> <onup>6</onup> <ondown>6</ondown> <include>focusedcolor</include> <include>MenuButton</include> </control> <control type="button" id="24"> <description>Reload Skin button</description> <posx>388</posx> <posy>80</posy> <height>30</height> <width>110</width> <label>Reload Skin</label> <texturefocus>Button-Menu.png</texturefocus> <texturenofocus>Button-Menu-NoFocus.png</texturenofocus> <font>menubutton</font> <onclick>XBMC.ReloadSkin()</onclick> <onleft>23</onleft> <onright>21</onright> <onup>6</onup> <ondown>6</ondown> <include>focusedcolor</include> <include>MenuButton</include> </control> </control> <!-- MyVideos Button/Labels --> <!-- <control type="button" id="6"> <posx>100</posx> <posy>150</posy> <width>100</width> <height>100</height> <texturefocus>Big-Icon-MyVideos-Focus.png</texturefocus> <texturenofocus>Big-Icon-MyVideos-NoFocus.png</texturenofocus> <aligny>top</aligny> <align>center</align> <onclick>XBMC.ActivateWindow(17)</onclick> <onleft>8</onleft> <onright>7</onright> <onup>21</onup> <ondown>10</ondown> <include>SettingsAnimation</include> <include>Common-Visible</include> </control> --> <!-- <control type="label"> <posx>90</posx> <posy>255</posy> <width>120</width> <label>3</label> <font>font13</font> <align>center</align> <textcolor>60ffffff</textcolor> <include>Common-Visible</include> <visible>!Control.HasFocus(6)</visible> </control> --> <!-- <control type="label"> <posx>90</posx> <posy>255</posy> <width>120</width> <label>3</label> <font>font13</font> <align>center</align> <textcolor>FFffffff</textcolor> <include>Common-Visible</include> <visible>Control.HasFocus(6)</visible> </control> --> <!-- MyMusic Button/Labels --> <!-- <control type="button" id="7"> <posx>240</posx> <posy>150</posy> <width>100</width> <height>100</height> <texturefocus>Big-Icon-Music-Focus.png</texturefocus> <texturenofocus>Big-Icon-Music-NoFocus.png</texturenofocus> <aligny>top</aligny> <align>center</align> <onclick>XBMC.ActivateWindow(15)</onclick> <onleft>6</onleft> <onright>9</onright> <onup>21</onup> <ondown>2</ondown> <include>SettingsAnimation</include> <include>Common-Visible</include> </control> --> <!-- <control type="label"> <posx>230</posx> <posy>255</posy> <width>120</width> <label>2</label> <font>font13</font> <align>center</align> <textcolor>60ffffff</textcolor> <include>Common-Visible</include> <visible>!Control.HasFocus(7)</visible> </control> --> <!-- <control type="label"> <posx>230</posx> <posy>255</posy> <width>120</width> <label>2</label> <font>font13</font> <align>center</align> <textcolor>FFffffff</textcolor> <include>Common-Visible</include> <visible>Control.HasFocus(7)</visible> </control> --> <!-- MyPictures Button/Labels --> <!-- <control type="button" id="9"> <posx>380</posx> <posy>150</posy> <width>100</width> <height>100</height> <texturefocus>Big-Icon-Pictures-Focus.png</texturefocus> <texturenofocus>Big-Icon-Pictures-NoFocus.png</texturenofocus> <aligny>top</aligny> <align>center</align> <onclick>XBMC.ActivateWindow(12)</onclick> <onleft>7</onleft> <onright>8</onright> <onup>21</onup> <ondown>4</ondown> <include>SettingsAnimation</include> <include>Common-Visible</include> </control> --> <!-- <control type="label"> <posx>370</posx> <posy>255</posy> <width>120</width> <label>1</label> <font>font13</font> <align>center</align> <textcolor>60ffffff</textcolor> <include>Common-Visible</include> <visible>!Control.HasFocus(9)</visible> </control> --> <!-- <control type="label"> <posx>370</posx> <posy>255</posy> <width>120</width> <label>1</label> <font>font13</font> <align>center</align> <textcolor>FFffffff</textcolor> <include>Common-Visible</include> <visible>Control.HasFocus(9)</visible> </control> --> <!-- MyPrograms Button/Labels --> <!-- <control type="button" id="8"> <posx>520</posx> <posy>150</posy> <width>100</width> <height>100</height> <texturefocus>Big-Icon-Programs-Focus.png</texturefocus> <texturenofocus>Big-Icon-Programs-NoFocus.png</texturenofocus> <aligny>top</aligny> <align>center</align> <onclick>XBMC.ActivateWindow(13)</onclick> <onleft>9</onleft> <onright>6</onright> <onup>21</onup> <ondown>3</ondown> <include>SettingsAnimation</include> <include>Common-Visible</include> </control> --> <!-- <control type="label"> <posx>510</posx> <posy>255</posy> <width>120</width> <label>0</label> <font>font13</font> <align>center</align> <textcolor>60ffffff</textcolor> <include>Common-Visible</include> <visible>!Control.HasFocus(8)</visible> </control> --> <!-- <control type="label"> <posx>510</posx> <posy>255</posy> <width>120</width> <label>0</label> <font>font13</font> <align>center</align> <textcolor>FFffffff</textcolor> <include>Common-Visible</include> <visible>Control.HasFocus(8)</visible> </control> --> <!-- Weather Button/Labels --> <!-- <control type="button" id="10"> <posx>100</posx> <posy>310</posy> <width>100</width> <height>100</height> <texturefocus>Big-Icon-Weather-Focus.png</texturefocus> <texturenofocus>Big-Icon-Weather-NoFocus.png</texturenofocus> <aligny>top</aligny> <align>center</align> <onclick>XBMC.ActivateWindow(14)</onclick> <onleft>3</onleft> <onright>2</onright> <onup>6</onup> <ondown>21</ondown> <include>SettingsAnimation</include> <include>Common-Visible</include> </control> --> <!-- <control type="label"> <posx>90</posx> <posy>415</posy> <width>120</width> <label>8</label> <font>font13</font> <align>center</align> <textcolor>60ffffff</textcolor> <include>Common-Visible</include> <visible>!Control.HasFocus(10)</visible> </control> --> <!-- <control type="label"> <posx>90</posx> <posy>415</posy> <width>120</width> <label>8</label> <font>font13</font> <align>center</align> <textcolor>FFffffff</textcolor> <include>Common-Visible</include> <visible>Control.HasFocus(10)</visible> </control> --> <!-- Network Button/Labels --> <!-- <control type="button" id="2"> <posx>240</posx> <posy>310</posy> <width>100</width> <height>100</height> <texturefocus>Big-Icon-Network-Focus.png</texturefocus> <texturenofocus>Big-Icon-Network-NoFocus.png</texturenofocus> <aligny>top</aligny> <align>center</align> <onclick>XBMC.ActivateWindow(18)</onclick> <onleft>10</onleft> <onright>4</onright> <onup>7</onup> <ondown>21</ondown> <include>SettingsAnimation</include> <include>Common-Visible</include> </control> --> <!-- <control type="label"> <posx>230</posx> <posy>415</posy> <width>120</width> <label>705</label> <font>font13</font> <align>center</align> <textcolor>60ffffff</textcolor> <include>Common-Visible</include> <visible>!Control.HasFocus(2)</visible> </control> --> <!-- <control type="label"> <posx>230</posx> <posy>415</posy> <width>120</width> <label>705</label> <font>font13</font> <align>center</align> <textcolor>FFffffff</textcolor> <include>Common-Visible</include> <visible>Control.HasFocus(2)</visible> </control> --> <!-- System Button/Labels --> <!-- <control type="button" id="4"> <posx>380</posx> <posy>310</posy> <width>100</width> <height>100</height> <texturefocus>Big-Icon-System-Focus.png</texturefocus> <texturenofocus>Big-Icon-System-NoFocus.png</texturenofocus> <aligny>top</aligny> <align>center</align> <onclick>XBMC.ActivateWindow(16)</onclick> <onleft>2</onleft> <onright>3</onright> <onup>9</onup> <ondown>21</ondown> <include>SettingsAnimation</include> <include>Common-Visible</include> </control> --> <!-- <control type="label"> <posx>370</posx> <posy>415</posy> <width>120</width> <label>13000</label> <font>font13</font> <align>center</align> <textcolor>60ffffff</textcolor> <include>Common-Visible</include> <visible>!Control.HasFocus(4)</visible> </control> --> <!-- <control type="label"> <posx>370</posx> <posy>415</posy> <width>120</width> <label>13000</label> <font>font13</font> <align>center</align> <textcolor>FFffffff</textcolor> <include>Common-Visible</include> <visible>Control.HasFocus(4)</visible> </control> --> <!-- Appearance Button/Labels --> <!-- <control type="button" id="3"> <posx>520</posx> <posy>310</posy> <width>100</width> <height>100</height> <texturefocus>Big-Icon-Appearance-Focus.png</texturefocus> <texturenofocus>Big-Icon-Appearance-NoFocus.png</texturenofocus> <aligny>top</aligny> <align>center</align> <onclick>XBMC.ActivateWindow(19)</onclick> <onleft>4</onleft> <onright>10</onright> <onup>8</onup> <ondown>21</ondown> <include>SettingsAnimation</include> <include>Common-Visible</include> </control> --> <!-- <control type="label"> <posx>510</posx> <posy>415</posy> <width>120</width> <label>480</label> <font>font13</font> <align>center</align> <textcolor>60ffffff</textcolor> <include>Common-Visible</include> <visible>!Control.HasFocus(3)</visible> </control> --> <!-- <control type="label"> <posx>510</posx> <posy>415</posy> <width>120</width> <label>480</label> <font>font13</font> <align>center</align> <textcolor>FFffffff</textcolor> <include>Common-Visible</include> <visible>Control.HasFocus(3)</visible> </control> --><!-- The controls below that actually show our buttons use nifty animation stuff that depends on a "wraplist" container to get their actual content --><control type="wraplist" id="20"> <posx>0</posx> <posy>100</posy> <width>720</width> <height>200</height> <itemgap>30</itemgap> <itemlayout width="100" height="100> <!-- note: Nothing needed in here, as the actual layout is done via the controls below --> </itemlayout> <focusedlayout width="100" height="100> <!-- note: Nothing needed in here, as the actual layout is done via the controls below --> </focusedlayout><!-- and now the content, and click stuff etc. --> <content> <item label="first item" thumb="thumb.png">ActivateWindow(NetworkSettings</item><!-- TODO: Add more --> </content></control><!-- here is the actual layout info. Note that we reference Container(20) as that's the id of the above container. All the listitem stuff is grabbed direct from the <content> section in the container then. That means you set all the content up in the wraplist, and the controls below just handle the animation and layout. --> <!-- moving down --> <control type="group" id="36"> <visible>Container(20).OnPrevious</visible> <animation effect="slide" end="0,200" time="200" reversible="false">Hidden</animation> <control type="button"> <posx>-50</posx> <posy>250</posy> <width>150</width> <height>150</height> <texturefocus>Big-Icon-Network-Focus.png</texturefocus> <texturenofocus>Big-Icon-Network-NoFocus.png</texturenofocus> <info>Container(20).ListItem(-2).Icon</info> <colordiffuse>0x1fffffff</colordiffuse> </control> <control type="button"> <posx>100</posx> <posy>250</posy> <width>150</width> <height>150</height> <texturefocus>Big-Icon-System-Focus.png</texturefocus> <texturenofocus>Big-Icon-System-NoFocus.png</texturenofocus> <info>Container(20).ListItem(-1).Icon</info> <colordiffuse>0x1fffffff</colordiffuse> </control> <control type="button"> <posx>250</posx> <posy>250</posy> <width>150</width> <height>150</height> <texturefocus>Big-Icon-Appearance-Focus.png</texturefocus> <texturenofocus>Big-Icon-Appearance-NoFocus.png</texturenofocus> <info>Container.ListItem.Icon</info> <colordiffuse>0x47ffffff</colordiffuse> </control> <control type="button"> <posx>400</posx> <posy>250</posy> <width>150</width> <height>150</height> <texturefocus>Big-Icon-MyVideos-Focus.png</texturefocus> <texturenofocus>Big-Icon-MyVideos-NoFocus.png</texturenofocus> <info>Container.ListItem(1).Icon</info> <colordiffuse>0x47ffffff</colordiffuse> </control> <control type="button"> <posx>550</posx> <posy>250</posy> <width>150</width> <height>150</height> <texturefocus>Big-Icon-Music-Focus.png</texturefocus> <texturenofocus>Big-Icon-Music-NoFocus.png</texturenofocus> <info>Container.ListItem(2).Icon</info> <info>Container.ListItem(2).Icon</info> <colordiffuse>0x1fffffff</colordiffuse> </control> </control> <!-- moving up --> <control type="group" id="37"> <visible>Container.OnNext</visible> <animation effect="slide" end="0,-200" time="200" reversible="false">Hidden</animation> <control type="image"> <posx>370</posx> <posy>0</posy> <width>150</width> <height>150</height> <info>Container.ListItem(-2).Icon</info> <colordiffuse>0x1fffffff</colordiffuse> </control> <control type="image"> <posx>370</posx> <posy>200</posy> <width>150</width> <height>150</height> <info>Container.ListItem(-1).Icon</info> <colordiffuse>0x47ffffff</colordiffuse> </control> <control type="image"> <posx>370</posx> <posy>400</posy> <width>150</width> <height>150</height> <info>Container.ListItem.Icon</info> <colordiffuse>0x47ffffff</colordiffuse> </control> <control type="image"> <posx>370</posx> <posy>600</posy> <width>150</width> <height>150</height> <info>Container.ListItem(1).Icon</info> <colordiffuse>0x1fffffff</colordiffuse> </control> </control> <!-- not moving --> <control type="button"> <posx>-40</posx> <posy>220</posy> <width>150</width> <height>150</height> <texturefocus>Big-Icon-Network-Focus.png</texturefocus> <texturenofocus>Big-Icon-Network-NoFocus.png</texturenofocus> <info>Container.ListItem(-2).Icon</info> <colordiffuse>5fffffff</colordiffuse> <visible>!Control.IsVisible(36) + !Control.IsVisible(37)</visible> <animation effect="rotatey" center="360" start="-45" end="-45" time="0">WindowOpen</animation> <animation effect="rotatey" center="360" start="-45" end="-45" time="0">WindowClose</animation> </control> <control type="button"> <posx>120</posx> <posy>220</posy> <width>150</width> <height>150</height> <texturefocus>Big-Icon-System-Focus.png</texturefocus> <texturenofocus>Big-Icon-System-NoFocus.png</texturenofocus> <info>Container.ListItem(-1).Icon</info> <colordiffuse>5fffffff</colordiffuse> <visible>!Control.IsVisible(36) + !Control.IsVisible(37)</visible> <animation effect="rotatey" center="360" start="-35" end="-35" time="0">WindowOpen</animation> <animation effect="rotatey" center="360" start="-35" end="-35" time="0">WindowClose</animation> </control> <control type="button"> <posx>280</posx> <posy>220</posy> <width>150</width> <height>150</height> <texturefocus>Big-Icon-Appearance-Focus.png</texturefocus> <texturenofocus>Big-Icon-Appearance-NoFocus.png</texturenofocus> <info>Container.ListItem.Icon</info> <colordiffuse>5fffffff</colordiffuse> <visible>!Control.IsVisible(36) + !Control.IsVisible(37)</visible> </control> <control type="button"> <posx>440</posx> <posy>220</posy> <width>150</width> <height>150</height> <texturefocus>Big-Icon-MyVideos-Focus.png</texturefocus> <texturenofocus>Big-Icon-MyVideos-NoFocus.png</texturenofocus> <info>Container.ListItem(1).Icon</info> <colordiffuse>2fffffff</colordiffuse> <visible>!Control.IsVisible(36) + !Control.IsVisible(37)</visible> <animation effect="rotatey" center="360" start="35" end="35" time="0">WindowOpen</animation> <animation effect="rotatey" center="360" start="35" end="35" time="0">WindowClose</animation> </control> <control type="button"> <posx>600</posx> <posy>220</posy> <width>150</width> <height>150</height> <texturefocus>Big-Icon-Music-Focus.png</texturefocus> <texturenofocus>Big-Icon-Music-NoFocus.png</texturenofocus> <info>Container.ListItem(2).Icon</info> <colordiffuse>2fffffff</colordiffuse> <visible>!Control.IsVisible(36) + !Control.IsVisible(37)</visible> <animation effect="rotatey" center="360" start="45" end="45" time="0">WindowOpen</animation> <animation effect="rotatey" center="360" start="45" end="45" time="0">WindowClose</animation> </control> <include>Animated-Bars</include> <include>Animated-Others</include> </controls></window>