Reply to thread

Message

<blockquote data-quote="mbuzina" data-source="post: 1002829" data-attributes="member: 12382">OK, next up: General configuration of Overlays / MenuConfigurability of Overlays/SubmenuOK, now I added the following to SkinSettings for each menu entry:[CODE]&nbsp; &nbsp; &lt;entry name=&quot;#BasicHome.B1.Label&quot;&gt;TV&lt;/entry&gt;&nbsp; &nbsp; &lt;entry name=&quot;#BasicHome.B1.Hyperlink&quot;&gt;1&lt;/entry&gt;&nbsp; &nbsp; &lt;entry name=&quot;#BasicHome.B1.HyperlinkParameter&quot;&gt;&lt;/entry&gt;&nbsp; &nbsp; &lt;entry name=&quot;#BasicHome.B1.Background&quot;&gt;hover_my tv.png&lt;/entry&gt;&nbsp; &nbsp; &lt;entry name=&quot;#BasicHome.B1.c0r0&quot;&gt;SUB&lt;/entry&gt;&nbsp; &nbsp; &lt;entry name=&quot;#BasicHome.B1.c1r0&quot;&gt;WW&lt;/entry&gt;&nbsp; &nbsp; &lt;entry name=&quot;#BasicHome.B1.c2r0&quot;&gt;&lt;/entry&gt;&nbsp; &nbsp; &lt;entry name=&quot;#BasicHome.B1.c0r1&quot;&gt;&lt;/entry&gt;&nbsp; &nbsp; &lt;entry name=&quot;#BasicHome.B1.c1r1&quot;&gt;&lt;/entry&gt;&nbsp; &nbsp; &lt;entry name=&quot;#BasicHome.B1.c2r1&quot;&gt;&lt;/entry&gt;&nbsp; &nbsp; &lt;entry name=&quot;#BasicHome.B1.c0r2&quot;&gt;&lt;/entry&gt;&nbsp; &nbsp; &lt;entry name=&quot;#BasicHome.B1.c1r2&quot;&gt;&lt;/entry&gt;&nbsp; &nbsp; &lt;entry name=&quot;#BasicHome.B1.c2r2&quot;&gt;&lt;/entry&gt;&nbsp; &nbsp; &lt;entry name=&quot;#BasicHome.B1.0.Label&quot;&gt;EPG&lt;/entry&gt;&nbsp; &nbsp; &lt;entry name=&quot;#BasicHome.B1.1.Label&quot;&gt;Clickfinder&lt;/entry&gt;&nbsp; &nbsp; &lt;entry name=&quot;#BasicHome.B1.2.Label&quot;&gt;Recorded Programs&lt;/entry&gt;&nbsp; &nbsp; &lt;entry name=&quot;#BasicHome.B1.3.Label&quot;&gt;Scheduled Recordings&lt;/entry&gt;&nbsp; &nbsp; &lt;entry name=&quot;#BasicHome.B1.4.Label&quot;&gt;&lt;/entry&gt;&nbsp; &nbsp; &lt;entry name=&quot;#BasicHome.B1.5.Label&quot;&gt;&lt;/entry&gt;&nbsp; &nbsp; &lt;entry name=&quot;#BasicHome.B1.6.Label&quot;&gt;&lt;/entry&gt;&nbsp; &nbsp; &lt;entry name=&quot;#BasicHome.B1.7.Label&quot;&gt;&lt;/entry&gt;&nbsp; &nbsp; &lt;entry name=&quot;#BasicHome.B1.8.Label&quot;&gt;&lt;/entry&gt;&nbsp; &nbsp; &lt;entry name=&quot;#BasicHome.B1.9.Label&quot;&gt;&lt;/entry&gt;[/CODE]&nbsp;AS you can see a few things have changed. Each basic home button now has 9 c0r0 - c2r2 entries. This TV entry has a submenu (SUB) @ position c0r0 (column 0, row 0) and a world weather overlay (WW) @ position c1r0 (column 1, row 0). The submenu is only supported at position 0,0 but WW for example supports all positions. If you set it to the rightmost column (c2) it will only show the current conditions.&nbsp;Each overlay needs 9 conditional controls that are visible (in position 2000,2000, so off screen) if one of the positions is selected.[CODE]&nbsp; &nbsp; &nbsp; &nbsp; &lt;!-- Positional Controls&nbsp; --&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;control Style=&quot;hiddenStyle&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;description&gt;Pos 0,0&lt;/description&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;id&gt;12001&lt;/id&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;type&gt;label&lt;/type&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;visible&gt;string.equals(#BasicHome.Current.c0r0,LMUSIC)&lt;/visible&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/control&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;control Style=&quot;hiddenStyle&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;description&gt;Pos 0,1&lt;/description&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;id&gt;12002&lt;/id&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;type&gt;label&lt;/type&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;visible&gt;string.equals(#BasicHome.Current.c0r1,LMUSIC)&lt;/visible&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/control&gt;...[/CODE]&nbsp;a group control which is only visible if one of the positional controls is visible. It is also animated to the correct place on screen depending on the visibility of the fields (never set more than one, it will result in strangeness)[CODE]&nbsp; &nbsp; &nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;type&gt;group&lt;/type&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;id&gt;12000&lt;/id&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;dimColor&gt;FFFFFFFF&lt;/dimColor&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;slide&quot; time=&quot;1&quot; delay=&quot;11&quot; start=&quot;0,0&quot; end=&quot;0,0&quot; condition=&quot;control.isvisible(12001)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; time=&quot;180&quot; delay=&quot;20&quot; start=&quot;0&quot; end=&quot;100&quot; reversible=&quot;false&quot; condition=&quot;control.isvisible(12001)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;slide&quot; time=&quot;1&quot; delay=&quot;11&quot; start=&quot;0,0&quot; end=&quot;0,142&quot; condition=&quot;control.isvisible(12002)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; time=&quot;180&quot; delay=&quot;20&quot; start=&quot;0&quot; end=&quot;100&quot; reversible=&quot;false&quot; condition=&quot;control.isvisible(12002)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;slide&quot; time=&quot;1&quot; delay=&quot;11&quot; start=&quot;0,0&quot; end=&quot;0,285&quot; condition=&quot;control.isvisible(12003)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; time=&quot;180&quot; delay=&quot;20&quot; start=&quot;0&quot; end=&quot;100&quot; reversible=&quot;false&quot; condition=&quot;control.isvisible(12003)&quot;&gt;conditional&lt;/animation&gt;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;slide&quot; time=&quot;1&quot; delay=&quot;11&quot; start=&quot;0,0&quot; end=&quot;420,0&quot; condition=&quot;control.isvisible(12004)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; time=&quot;180&quot; delay=&quot;20&quot; start=&quot;0&quot; end=&quot;100&quot; reversible=&quot;false&quot; condition=&quot;control.isvisible(12004)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;slide&quot; time=&quot;1&quot; delay=&quot;11&quot; start=&quot;0,0&quot; end=&quot;420,142&quot; condition=&quot;control.isvisible(12005)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; time=&quot;180&quot; delay=&quot;20&quot; start=&quot;0&quot; end=&quot;100&quot; reversible=&quot;false&quot; condition=&quot;control.isvisible(12005)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;slide&quot; time=&quot;1&quot; delay=&quot;11&quot; start=&quot;0,0&quot; end=&quot;420,285&quot; condition=&quot;control.isvisible(12006)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; time=&quot;180&quot; delay=&quot;20&quot; start=&quot;0&quot; end=&quot;100&quot; reversible=&quot;false&quot; condition=&quot;control.isvisible(12006)&quot;&gt;conditional&lt;/animation&gt;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;slide&quot; time=&quot;1&quot; delay=&quot;11&quot; start=&quot;0,0&quot; end=&quot;840,0&quot; condition=&quot;control.isvisible(12007)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; time=&quot;180&quot; delay=&quot;20&quot; start=&quot;0&quot; end=&quot;100&quot; reversible=&quot;false&quot; condition=&quot;control.isvisible(12007)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;slide&quot; time=&quot;1&quot; delay=&quot;11&quot; start=&quot;0,0&quot; end=&quot;840,142&quot; condition=&quot;control.isvisible(12008)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; time=&quot;180&quot; delay=&quot;20&quot; start=&quot;0&quot; end=&quot;100&quot; reversible=&quot;false&quot; condition=&quot;control.isvisible(12008)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;slide&quot; time=&quot;1&quot; delay=&quot;11&quot; start=&quot;0,0&quot; end=&quot;840,285&quot; condition=&quot;control.isvisible(12009)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; time=&quot;180&quot; delay=&quot;20&quot; start=&quot;0&quot; end=&quot;100&quot; reversible=&quot;false&quot; condition=&quot;control.isvisible(12009)&quot;&gt;conditional&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; time=&quot;200&quot; delay=&quot;20&quot; easing=&quot;inout&quot; condition=&quot;true&quot;&gt;Visible&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; time=&quot;200&quot; easing=&quot;inout&quot; condition=&quot;true&quot;&gt;Hidden&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;posX&gt;0&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;posY&gt;0&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;visible&gt;control.isvisible(12001)|control.isvisible(12002)|control.isvisible(12003)|control.isvisible(12004)|control.isvisible(12005)|control.isvisible(12006)&lt;/visible&gt;...&nbsp; &nbsp; &nbsp; &nbsp; &lt;/control&gt;[/CODE]&nbsp;The fade animations reduce the intermediate visibility (it still happens sometimes, but not often anymore). I have not touched focus handling yet, except some tests which were not successful.&nbsp;I also adapted myHome and myHomePlugins.xml to have the same look as BasicHome. For good feedback to the user I included a large (96 point!) display of the currently selected item. I think this will be a general look in this skin.&nbsp;Current situation, first 2 basic home, last plugin home:&nbsp;&nbsp;&nbsp;[ATTACH=full]130700[/ATTACH] [ATTACH=full]130701[/ATTACH] [ATTACH=full]130702[/ATTACH]</blockquote>

[QUOTE="mbuzina, post: 1002829, member: 12382"] OK, next up: General configuration of Overlays / Menu [SIZE=5]Configurability of Overlays/Submenu[/SIZE] [SIZE=3]OK, now I added the following to SkinSettings for each menu entry:[/SIZE] [CODE] <entry name="#BasicHome.B1.Label">TV</entry> <entry name="#BasicHome.B1.Hyperlink">1</entry> <entry name="#BasicHome.B1.HyperlinkParameter"></entry> <entry name="#BasicHome.B1.Background">hover_my tv.png</entry> <entry name="#BasicHome.B1.c0r0">SUB</entry> <entry name="#BasicHome.B1.c1r0">WW</entry> <entry name="#BasicHome.B1.c2r0"></entry> <entry name="#BasicHome.B1.c0r1"></entry> <entry name="#BasicHome.B1.c1r1"></entry> <entry name="#BasicHome.B1.c2r1"></entry> <entry name="#BasicHome.B1.c0r2"></entry> <entry name="#BasicHome.B1.c1r2"></entry> <entry name="#BasicHome.B1.c2r2"></entry> <entry name="#BasicHome.B1.0.Label">EPG</entry> <entry name="#BasicHome.B1.1.Label">Clickfinder</entry> <entry name="#BasicHome.B1.2.Label">Recorded Programs</entry> <entry name="#BasicHome.B1.3.Label">Scheduled Recordings</entry> <entry name="#BasicHome.B1.4.Label"></entry> <entry name="#BasicHome.B1.5.Label"></entry> <entry name="#BasicHome.B1.6.Label"></entry> <entry name="#BasicHome.B1.7.Label"></entry> <entry name="#BasicHome.B1.8.Label"></entry> <entry name="#BasicHome.B1.9.Label"></entry> [/CODE] AS you can see a few things have changed. Each basic home button now has 9 c0r0 - c2r2 entries. This TV entry has a submenu (SUB) @ position c0r0 (column 0, row 0) and a world weather overlay (WW) @ position c1r0 (column 1, row 0). The submenu is only supported at position 0,0 but WW for example supports all positions. If you set it to the rightmost column (c2) it will only show the current conditions. Each overlay needs 9 conditional controls that are visible (in position 2000,2000, so off screen) if one of the positions is selected. [CODE]  <control Style="hiddenStyle"> <description>Pos 0,0</description> <id>12001</id> <type>label</type> <visible>string.equals(#BasicHome.Current.c0r0,LMUSIC)</visible> </control> <control Style="hiddenStyle"> <description>Pos 0,1</description> <id>12002</id> <type>label</type> <visible>string.equals(#BasicHome.Current.c0r1,LMUSIC)</visible> </control> ... [/CODE] a group control which is only visible if one of the positional controls is visible. It is also animated to the correct place on screen depending on the visibility of the fields (never set more than one, it will result in strangeness) [CODE] <control> <type>group</type> <id>12000</id> <dimColor>FFFFFFFF</dimColor> <animation effect="slide" time="1" delay="11" start="0,0" end="0,0" condition="control.isvisible(12001)">conditional</animation> <animation effect="fade" time="180" delay="20" start="0" end="100" reversible="false" condition="control.isvisible(12001)">conditional</animation> <animation effect="slide" time="1" delay="11" start="0,0" end="0,142" condition="control.isvisible(12002)">conditional</animation> <animation effect="fade" time="180" delay="20" start="0" end="100" reversible="false" condition="control.isvisible(12002)">conditional</animation> <animation effect="slide" time="1" delay="11" start="0,0" end="0,285" condition="control.isvisible(12003)">conditional</animation> <animation effect="fade" time="180" delay="20" start="0" end="100" reversible="false" condition="control.isvisible(12003)">conditional</animation> <animation effect="slide" time="1" delay="11" start="0,0" end="420,0" condition="control.isvisible(12004)">conditional</animation> <animation effect="fade" time="180" delay="20" start="0" end="100" reversible="false" condition="control.isvisible(12004)">conditional</animation> <animation effect="slide" time="1" delay="11" start="0,0" end="420,142" condition="control.isvisible(12005)">conditional</animation> <animation effect="fade" time="180" delay="20" start="0" end="100" reversible="false" condition="control.isvisible(12005)">conditional</animation> <animation effect="slide" time="1" delay="11" start="0,0" end="420,285" condition="control.isvisible(12006)">conditional</animation> <animation effect="fade" time="180" delay="20" start="0" end="100" reversible="false" condition="control.isvisible(12006)">conditional</animation> <animation effect="slide" time="1" delay="11" start="0,0" end="840,0" condition="control.isvisible(12007)">conditional</animation> <animation effect="fade" time="180" delay="20" start="0" end="100" reversible="false" condition="control.isvisible(12007)">conditional</animation> <animation effect="slide" time="1" delay="11" start="0,0" end="840,142" condition="control.isvisible(12008)">conditional</animation> <animation effect="fade" time="180" delay="20" start="0" end="100" reversible="false" condition="control.isvisible(12008)">conditional</animation> <animation effect="slide" time="1" delay="11" start="0,0" end="840,285" condition="control.isvisible(12009)">conditional</animation> <animation effect="fade" time="180" delay="20" start="0" end="100" reversible="false" condition="control.isvisible(12009)">conditional</animation> <animation effect="fade" time="200" delay="20" easing="inout" condition="true">Visible</animation> <animation effect="fade" time="200" easing="inout" condition="true">Hidden</animation> <posX>0</posX> <posY>0</posY> <visible>control.isvisible(12001)|control.isvisible(12002)|control.isvisible(12003)|control.isvisible(12004)|control.isvisible(12005)|control.isvisible(12006)</visible> ... </control> [/CODE] The fade animations reduce the intermediate visibility (it still happens sometimes, but not often anymore). I have not touched focus handling yet, except some tests which were not successful. I also adapted myHome and myHomePlugins.xml to have the same look as BasicHome. For good feedback to the user I included a large (96 point!) display of the currently selected item. I think this will be a general look in this skin. Current situation, first 2 basic home, last plugin home: [ATTACH=full]130700[/ATTACH] [ATTACH=full]130701[/ATTACH] [ATTACH=full]130702[/ATTACH] [/QUOTE]

Verification