2010-04-30, 07:04
I'm working on a mod/new view for Confluence, and I'm really stuck trying to alter the "Recently Added" part of the skin to do what I want (IncludesHomeRecentlyAdded.xml).
Below is what I have so far.
Right now I can scroll back and forth through the (now invisible labels) and start any of them up just fine. All I'm looking to do is add a border around the focused selection so someone can see where they're at. The problem being these images aren't currently part of a scrollable list.
I've put in the relevant code below. If someone could give me a good push in the right direction on how to move the three "Main Icon -x" images into a focusable list, that would be awesome!
Thanks!
Below is what I have so far.
Right now I can scroll back and forth through the (now invisible labels) and start any of them up just fine. All I'm looking to do is add a border around the focused selection so someone can see where they're at. The problem being these images aren't currently part of a scrollable list.
I've put in the relevant code below. If someone could give me a good push in the right direction on how to move the three "Main Icon -x" images into a focusable list, that would be awesome!
Thanks!
Code:
<control type="group">
<posx>660r</posx>
<posy>420</posy>
<visible>Library.HasContent(Movies)</visible>
<visible>[Container(9000).Hasfocus(2) + !Skin.HasSetting(HomeMenuNoMoviesButton)] | Container(9000).Hasfocus(10)</visible>
<include>VisibleFadeEffect</include>
<animation effect="slide" time="0" start="0,0" end="-260,0" condition="[Library.HasContent(TVShows) + ![Skin.HasSetting(HomeMenuNoMoviesButton) | Skin.HasSetting(HomeMenuNoTVShowsButton)]]">Conditional</animation>
<control type="label">
<description>Title label</description>
<posx>0</posx>
<posy>5</posy>
<height>20</height>
<width>230</width>
<label>Recently Added:</label>
<align>left</align>
<aligny>center</aligny>
<font>Z20</font>
<textcolor>white</textcolor>
<shadowcolor>black</shadowcolor>
</control>
<!--THIS IS THE THREE IMAGES (NOT IN A LIST)-->
<control type="image">
<description>Main Icon -2</description>
<posx>380</posx>
<posy>35</posy>
<width>180</width>
<height>270</height>
<aspectratio align="left">keep</aspectratio>
<texture background="true">$INFO[Window.Property(LatestMovie.3.Thumb)]</texture>
<bordertexture border="8">ThumbShadow.png</bordertexture>
<bordersize>12</bordersize>
</control>
<control type="image">
<description>Main Icon -1</description>
<posx>190</posx>
<posy>35</posy>
<width>180</width>
<height>270</height>
<aspectratio align="left">keep</aspectratio>
<texture background="true">$INFO[Window.Property(LatestMovie.2.Thumb)]</texture>
<bordertexture border="8">ThumbShadow.png</bordertexture>
<bordersize>12</bordersize>
</control>
<control type="image">
<description>Main Icon</description>
<posx>0</posx>
<posy>35</posy>
<width>180</width>
<height>270</height>
<aspectratio align="left">keep</aspectratio>
<texture background="true">$INFO[Window.Property(LatestMovie.1.Thumb)]</texture>
<bordertexture border="8">ThumbShadow.png</bordertexture>
<bordersize>12</bordersize>
</control>
<!--THIS IS THE TEXT LIST CONTAINING LABELS OF ITEMS-->
<control type="list" id="8000">
<posx>0</posx>
<posy>0</posy>
<width>540</width>
<height>270</height>
<onleft>9000</onleft>
<onright>8001</onright>
<onup>8000</onup>
<ondown>8000</ondown>
<viewtype label="535">list</viewtype>
<pagecontrol>-</pagecontrol>
<scrolltime>100</scrolltime>
<orientation>horizontal</orientation>
<animation effect="slide" start="-120,0" time="200" condition="item.HasFocus(1)">Conditional</animation>
<focusedlayout height="270" width="180">
<control type="image">
<description>Main Icon1</description>
<posx>0</posx>
<posy>35</posy>
<width>180</width>
<height>270</height>
<aspectratio align="left">keep</aspectratio>
<texture background="true">hsOutline.png</texture>
<bordertexture border="10">ThumbShadow.png</bordertexture>
<bordersize>24</bordersize>
</control>
</focusedlayout>
<content>
<item id="1">
<label>$INFO[Window.Property(LatestMovie.1.Title)]</label>
<label2></label2>
<onclick>PlayMedia($INFO[Window.Property(LatestMovie.1.Path)])</onclick>
<icon>-</icon>
<thumb>-</thumb>
</item>
<item id="2">
<label>$INFO[Window.Property(LatestMovie.2.Title)]</label>
<label2></label2>
<onclick>PlayMedia($INFO[Window.Property(LatestMovie.2.Path)])</onclick>
<icon>-</icon>
<thumb>-</thumb>
</item>
<item id="3">
<label>$INFO[Window.Property(LatestMovie.3.Title)]</label>
<label2></label2>
<onclick>PlayMedia($INFO[Window.Property(LatestMovie.3.Path)])</onclick>
<icon>-</icon>
<thumb>-</thumb>
</item>
</content>
</control>