Login at Kodi Home

Icerat · 2012-06-10, 20:23

Hi

Just starting to learn how to turn an idea i have for a skin into an actual skin, I'm playing around with the Foundation skin and learning a lot from it,

Ive been moving bits around home.xml and got a idea how some part works, (code noob here, no experiance what so ever).

Now on my home screen i got the order i want but now I'm tying to figure out how to create a sub-menu in the settings menu so i can move profiles and file manager to it.

Once i have the know how to do that ill be able to sport the rest of my menus out and then the real fun stats with learning how to do layouts and all the other fun stuff.

Any pointers and help is appreciated, please bear in mind I'm a code noob but willing to learn Smile

IR

phil65 · 2012-06-10, 20:51

(2012-06-10, 20:23)Icerat Wrote: Hi

Just starting to learn how to turn an idea i have for a skin into an actual skin, I'm playing around with the Foundation skin and learning a lot from it,

Ive been moving bits around home.xml and got a idea how some part works, (code noob here, no experiance what so ever).

Now on my home screen i got the order i want but now I'm tying to figure out how to create a sub-menu in the settings menu so i can move profiles and file manager to it.

Once i have the know how to do that ill be able to sport the rest of my menus out and then the real fun stats with learning how to do layouts and all the other fun stuff.

Any pointers and help is appreciated, please bear in mind I'm a code noob but willing to learn

IR

easiest would be to look at confluence´s xml files and see how it is done there.

Icerat · (This post was last modified: 2012-06-10, 21:00 by Icerat.)

(2012-06-10, 20:51)phil65 Wrote:
(2012-06-10, 20:23)Icerat Wrote: Hi

Just starting to learn how to turn an idea i have for a skin into an actual skin, I'm playing around with the Foundation skin and learning a lot from it,

Ive been moving bits around home.xml and got a idea how some part works, (code noob here, no experiance what so ever).

Now on my home screen i got the order i want but now I'm tying to figure out how to create a sub-menu in the settings menu so i can move profiles and file manager to it.

Once i have the know how to do that ill be able to sport the rest of my menus out and then the real fun stats with learning how to do layouts and all the other fun stuff.

Any pointers and help is appreciated, please bear in mind I'm a code noob but willing to learn

IR

easiest would be to look at confluence´s xml files and see how it is done there.

Hi
Thanks for reply.
Any pointers on what I'm looking for sorry I'm total new at this but a quick learner, just need an example i can follow and replicate.

phil65 · (This post was last modified: 2012-06-10, 21:04 by phil65.)

create a submenu with the style of your choice and use <visible>Container(9000).HasFocus(1)</visible> (assuming id of your main menu is 9000 and id of the item in main menu content is 1)

Icerat · 2012-06-10, 21:33

Sorry to sound like a brain dead idiot but where would i put<visible>Container(9000).HasFocus(1)</visible> and how do i creat a submenu is it like creating a menu item?

Code:
<?xml version="1.0" encoding="UTF-8"?>

<!-- Foundation -->

<window id="0">

    <defaultcontrol always="true">300</defaultcontrol>

    <allowoverlay>yes</allowoverlay>

    <controls>

        <include>GlobalBackground</include>

        <!--Use wraplist for continuous list -->

        <control type="list" id="300">

            <description>Home Wraplist</description>

            <posx>0</posx>

            <posy>72</posy>

            <width>1280</width>

            <height>564</height>

            <onup>300</onup>

            <ondown>300</ondown>

            <onleft>300</onleft>

            <onright>300</onright>

            <focusposition>5</focusposition>

            <scrolltime>200</scrolltime>

            <!--Item List-->

            <itemlayout width="360" height="50">

                <control type="label">

                    <posx>20</posx>

                    <height>50</height>

                    <width>250</width>

                    <font>Medium</font>

                    <info>ListItem.Label</info>

                    <align>left</align>

                </control>

            </itemlayout>

            <!--Selected Item-->

            <focusedlayout width="540" height="64">

                <control type="label">

                    <posx>20</posx>

                    <width>400</width>

                    <height>64</height>

                    <info>ListItem.Label</info>

                    <font>Selected</font>

                    <textcolor>orange</textcolor>

                    <align>left</align>

                </control>

            </focusedlayout>

            <!--List Order-->

            <content>

                <item id="2">

                    <description>Videos</description>

                    <label>31003</label>

                    <onclick>ActivateWindow(Video,Files)</onclick>

                </item>

                <item id="6">

                    <description>TV Shows</description>

                    <label>31007</label>

                    <onclick>ActivateWindow(Video,tvshowtitles)</onclick>

                    <visible>Library.HasContent(TVShows)</visible>

                </item>

                <item id="5">

                    <description>Movies</description>

                    <label>31006</label>

                    <onclick>ActivateWindow(Video,movietitles)</onclick>

                    <visible>Library.HasContent(Movies)</visible>

                </item>

                <item id="4">

                    <description>Pictures</description>

                    <label>31005</label>

                    <onclick>ActivateWindow(Pictures)</onclick>

                </item>

                <item id="3">

                    <description>Music</description>

                    <label>31004</label>

                    <onclick>ActivateWindow(Music)</onclick>

                </item>

                <item id="7">

                    <description>Favourites</description>

                    <label>31008</label>

                    <onclick>ActivateWindow(Favourites)</onclick>

                </item>

                <item id="9">

                    <description>Weather</description>

                    <label>31010</label>

                    <onclick>ActivateWindow(weather)</onclick>

                </item>

                <item id="1">

                    <description>Programs</description>

                    <label>31002</label>

                    <onclick>ActivateWindow(Programs,Addons)</onclick>

                </item>

                <item id="11">

                    <description>Settings</description>

                    <label>31012</label>

                    <onclick>ActivateWindow(settings)</onclick>

                </item>

                <item id="10">

                    <description>File manager</description>

                    <label>31011</label>

                    <onclick>ActivateWindow(filemanager)</onclick>

                </item>

                <item id="8">

                    <description>Profiles</description>

                    <label>31009</label>

                    <onclick>ActivateWindow(Profiles)</onclick>

                </item>

                <item id="12">

                    <description>Shutdown</description>

                    <label>31013</label>

                    <onclick>ActivateWindow(shutdownmenu)</onclick>

                </item>

                <item id="13">

                    <description>Play Disc</description>

                    <label>31014</label>

                    <onclick>PlayDVD</onclick>

                    <visible>System.HasMediadvd</visible>

                </item>

            </content>

        </control>

        <control type="rss">

            <description>RSS Feed</description>

            <posx>0</posx>

            <posy>690</posy>

            <width>1280</width>

            <height>14</height>

            <font>Small</font>

            <urlset>1</urlset>

            <titlecolor>Red</titlecolor>

            <headlinecolor>White</headlinecolor>

            <textcolor>White</textcolor>

        </control>

    </controls>

</window>

phil65 · 2012-06-10, 21:56

(2012-06-10, 21:33)Icerat Wrote: Sorry to sound like a brain dead idiot but where would i put<visible>Container(9000).HasFocus(1)</visible> and how do i creat a submenu is it like creating a menu item?

Code:
<?xml version="1.0" encoding="UTF-8"?>  <window id="0"> <defaultcontrol always="true">300</defaultcontrol> <allowoverlay>yes</allowoverlay> <controls> <include>GlobalBackground</include>  <control type="list" id="300"> <description>Home Wraplist</description> <posx>0</posx> <posy>72</posy> <width>1280</width> <height>564</height> <onup>300</onup> <ondown>300</ondown> <onleft>300</onleft> <onright>300</onright> <focusposition>5</focusposition> <scrolltime>200</scrolltime>  <itemlayout width="360" height="50"> <control type="label"> <posx>20</posx> <height>50</height> <width>250</width> Medium <info>ListItem.Label</info> <align>left</align> </control> </itemlayout>  <focusedlayout width="540" height="64"> <control type="label"> <posx>20</posx> <width>400</width> <height>64</height> <info>ListItem.Label</info> Selected <textcolor>orange</textcolor> <align>left</align> </control> </focusedlayout>  <content> <item id="2"> <description>Videos</description> <label>31003</label> <onclick>ActivateWindow(Video,Files)</onclick> </item> <item id="6"> <description>TV Shows</description> <label>31007</label> <onclick>ActivateWindow(Video,tvshowtitles)</onclick> <visible>Library.HasContent(TVShows)</visible> </item> <item id="5"> <description>Movies</description> <label>31006</label> <onclick>ActivateWindow(Video,movietitles)</onclick> <visible>Library.HasContent(Movies)</visible> </item> <item id="4"> <description>Pictures</description> <label>31005</label> <onclick>ActivateWindow(Pictures)</onclick> </item> <item id="3"> <description>Music</description> <label>31004</label> <onclick>ActivateWindow(Music)</onclick> </item> <item id="7"> <description>Favourites</description> <label>31008</label> <onclick>ActivateWindow(Favourites)</onclick> </item> <item id="9"> <description>Weather</description> <label>31010</label> <onclick>ActivateWindow(weather)</onclick> </item> <item id="1"> <description>Programs</description> <label>31002</label> <onclick>ActivateWindow(Programs,Addons)</onclick> </item> <item id="11"> <description>Settings</description> <label>31012</label> <onclick>ActivateWindow(settings)</onclick> </item> <item id="10"> <description>File manager</description> <label>31011</label> <onclick>ActivateWindow(filemanager)</onclick> </item> <item id="8"> <description>Profiles</description> <label>31009</label> <onclick>ActivateWindow(Profiles)</onclick> </item> <item id="12"> <description>Shutdown</description> <label>31013</label> <onclick>ActivateWindow(shutdownmenu)</onclick> </item> <item id="13"> <description>Play Disc</description> <label>31014</label> <onclick>PlayDVD</onclick> <visible>System.HasMediadvd</visible> </item> </content> </control> <control type="rss"> <description>RSS Feed</description> <posx>0</posx> <posy>690</posy> <width>1280</width> <height>14</height> Small <urlset>1</urlset> <titlecolor>Red</titlecolor> <headlinecolor>White</headlinecolor> <textcolor>White</textcolor> </control> </controls> </window>

create a group which includes the needed textures (if any) , a new list with an id (which is the submenu then) and the vis condition "<visible>Container(300).HasFocus(11)</visible>".

Icerat · 2012-06-10, 23:19

Hi
Thanks for reply again phil65

Ive managed to get some sort of success, no idea if Ive don't it right either, i copied the first list group and changed id and added <visible>Container(300).HasFocus(9)</visible> like you said.

When I use the arrows to go down to Settings the File Manager and Profiles options show up straight away.

I'm unable to right arrow to either of the options but i can use the mouse to select either of them.

Am i on the right track for making my sub menus? Do i need that much code to make a Sub-Menu?

How do i go about being able to navigate the sub menu with the arrow keys?

Code:
        <?xml version="1.0" encoding="UTF-8"?>

<!-- Foundation -->

<window id="0">

    <defaultcontrol always="true">300</defaultcontrol>

    <allowoverlay>yes</allowoverlay>

    <controls>

        <include>GlobalBackground</include>

        <!--Use wraplist for continuous list -->

        <control type="list" id="300">

            <description>Home Wraplist</description>

            <posx>0</posx>

            <posy>72</posy>

            <width>1280</width>

            <height>564</height>

            <onup>300</onup>

            <ondown>300</ondown>

            <onleft>300</onleft>

            <onright>300</onright>

            <focusposition>5</focusposition>

            <scrolltime>200</scrolltime>

            <!--Item List-->

            <itemlayout width="360" height="50">

                <control type="label">

                    <posx>20</posx>

                    <height>50</height>

                    <width>250</width>

                    <font>Medium</font>

                    <info>ListItem.Label</info>

                    <align>left</align>

                </control>

            </itemlayout>

            <!--Selected Item-->

            <focusedlayout width="540" height="64">

                <control type="label">

                    <posx>20</posx>

                    <width>400</width>

                    <height>64</height>

                    <info>ListItem.Label</info>

                    <font>Selected</font>

                    <textcolor>orange</textcolor>

                    <align>left</align>

                </control>

            </focusedlayout>

            <!--List Order-->

            <content>

                <item id="1">

                    <description>Videos</description>

                    <label>31003</label>

                    <onclick>ActivateWindow(Video,Files)</onclick>

                </item>

                <item id="2">

                    <description>TV Shows</description>

                    <label>31007</label>

                    <onclick>ActivateWindow(Video,tvshowtitles)</onclick>

                    <visible>Library.HasContent(TVShows)</visible>

                </item>

                <item id="3">

                    <description>Movies</description>

                    <label>31006</label>

                    <onclick>ActivateWindow(Video,movietitles)</onclick>

                    <visible>Library.HasContent(Movies)</visible>

                </item>

                <item id="4">

                    <description>Pictures</description>

                    <label>31005</label>

                    <onclick>ActivateWindow(Pictures)</onclick>

                </item>

                <item id="4">

                    <description>Music</description>

                    <label>31004</label>

                    <onclick>ActivateWindow(Music)</onclick>

                </item>

                <item id="6">

                    <description>Favourites</description>

                    <label>31008</label>

                    <onclick>ActivateWindow(Favourites)</onclick>

                </item>

                <item id="7">

                    <description>Weather</description>

                    <label>31010</label>

                    <onclick>ActivateWindow(weather)</onclick>

                </item>

                <item id="8">

                    <description>Programs</description>

                    <label>31002</label>

                    <onclick>ActivateWindow(Programs,Addons)</onclick>

                </item>

                <item id="9">

                    <description>Settings</description>

                    <label>31012</label>

                    <onclick>ActivateWindow(settings)</onclick>

                </item>

                <item id="12">

                    <description>Shutdown</description>

                    <label>31013</label>

                    <onclick>ActivateWindow(shutdownmenu)</onclick>

                </item>

                <item id="13">

                    <description>Play Disc</description>

                    <label>31014</label>

                    <onclick>PlayDVD</onclick>

                    <visible>System.HasMediadvd</visible>

                </item>

            </content>

        </control>

        <!--Sub-Menu-->

        <control type="list" id="3100">

        <visible>Container(300).HasFocus(9)</visible>

            <description>Home Wraplist</description>

            <posx>0</posx>

            <posy>72</posy>

            <width>1280</width>

            <height>564</height>

            <onup>300</onup>

            <ondown>300</ondown>

            <onleft>300</onleft>

            <onright>300</onright>

            <focusposition>5</focusposition>

            <scrolltime>200</scrolltime>

            <!--Item List-->

            <itemlayout width="360" height="50">

                <control type="label">

                    <posx>200</posx>

                    <height>50</height>

                    <width>250</width>

                    <font>Medium</font>

                    <info>ListItem.Label</info>

                    <align>left</align>

                </control>

            </itemlayout>

            <!--Selected Item-->

            <focusedlayout width="540" height="64">

                <control type="label">

                    <posx>200</posx>

                    <width>400</width>

                    <height>64</height>

                    <info>ListItem.Label</info>

                    <font>Selected</font>

                    <textcolor>orange</textcolor>

                    <align>left</align>

                </control>

            </focusedlayout>

            <!--List Order-->

            <content>

                <item id="51">

                    <description>File manager</description>

                    <label>31011</label>

                    <onclick>ActivateWindow(filemanager)</onclick>

                </item>

                <item id="52">

                    <description>Profiles</description>

                    <label>31009</label>

                    <onclick>ActivateWindow(Profiles)</onclick>

                </item>

            </content>        

        </control>        

        <control type="rss">

            <description>RSS Feed</description>

            <posx>0</posx>

            <posy>690</posy>

            <width>1280</width>

            <height>14</height>

            <font>Small</font>

            <urlset>1</urlset>

            <titlecolor>Red</titlecolor>

            <headlinecolor>White</headlinecolor>

            <textcolor>White</textcolor>

        </control>

    </controls>

</window>

phil65 · 2012-06-10, 23:45

(2012-06-10, 23:19)Icerat Wrote: Hi
Thanks for reply again phil65

Ive managed to get some sort of success, no idea if Ive don't it right either, i copied the first list group and changed id and added <visible>Container(300).HasFocus(9)</visible> like you said.

When I use the arrows to go down to Settings the File Manager and Profiles options show up straight away.

I'm unable to right arrow to either of the options but i can use the mouse to select either of them.

Am i on the right track for making my sub menus? Do i need that much code to make a Sub-Menu?

How do i go about being able to navigate the sub menu with the arrow keys?

Code:
<?xml version="1.0" encoding="UTF-8"?>  <window id="0"> <defaultcontrol always="true">300</defaultcontrol> <allowoverlay>yes</allowoverlay> <controls> <include>GlobalBackground</include>  <control type="list" id="300"> <description>Home Wraplist</description> <posx>0</posx> <posy>72</posy> <width>1280</width> <height>564</height> <onup>300</onup> <ondown>300</ondown> <onleft>300</onleft> <onright>300</onright> <focusposition>5</focusposition> <scrolltime>200</scrolltime>  <itemlayout width="360" height="50"> <control type="label"> <posx>20</posx> <height>50</height> <width>250</width> Medium <info>ListItem.Label</info> <align>left</align> </control> </itemlayout>  <focusedlayout width="540" height="64"> <control type="label"> <posx>20</posx> <width>400</width> <height>64</height> <info>ListItem.Label</info> Selected <textcolor>orange</textcolor> <align>left</align> </control> </focusedlayout>  <content> <item id="1"> <description>Videos</description> <label>31003</label> <onclick>ActivateWindow(Video,Files)</onclick> </item> <item id="2"> <description>TV Shows</description> <label>31007</label> <onclick>ActivateWindow(Video,tvshowtitles)</onclick> <visible>Library.HasContent(TVShows)</visible> </item> <item id="3"> <description>Movies</description> <label>31006</label> <onclick>ActivateWindow(Video,movietitles)</onclick> <visible>Library.HasContent(Movies)</visible> </item> <item id="4"> <description>Pictures</description> <label>31005</label> <onclick>ActivateWindow(Pictures)</onclick> </item> <item id="4"> <description>Music</description> <label>31004</label> <onclick>ActivateWindow(Music)</onclick> </item> <item id="6"> <description>Favourites</description> <label>31008</label> <onclick>ActivateWindow(Favourites)</onclick> </item> <item id="7"> <description>Weather</description> <label>31010</label> <onclick>ActivateWindow(weather)</onclick> </item> <item id="8"> <description>Programs</description> <label>31002</label> <onclick>ActivateWindow(Programs,Addons)</onclick> </item> <item id="9"> <description>Settings</description> <label>31012</label> <onclick>ActivateWindow(settings)</onclick> </item> <item id="12"> <description>Shutdown</description> <label>31013</label> <onclick>ActivateWindow(shutdownmenu)</onclick> </item> <item id="13"> <description>Play Disc</description> <label>31014</label> <onclick>PlayDVD</onclick> <visible>System.HasMediadvd</visible> </item> </content> </control>  <control type="list" id="3100"> <visible>Container(300).HasFocus(9)</visible> <description>Home Wraplist</description> <posx>0</posx> <posy>72</posy> <width>1280</width> <height>564</height> <onup>300</onup> <ondown>300</ondown> <onleft>300</onleft> <onright>300</onright> <focusposition>5</focusposition> <scrolltime>200</scrolltime>  <itemlayout width="360" height="50"> <control type="label"> <posx>200</posx> <height>50</height> <width>250</width> Medium <info>ListItem.Label</info> <align>left</align> </control> </itemlayout>  <focusedlayout width="540" height="64"> <control type="label"> <posx>200</posx> <width>400</width> <height>64</height> <info>ListItem.Label</info> Selected <textcolor>orange</textcolor> <align>left</align> </control> </focusedlayout>  <content> <item id="51"> <description>File manager</description> <label>31011</label> <onclick>ActivateWindow(filemanager)</onclick> </item> <item id="52"> <description>Profiles</description> <label>31009</label> <onclick>ActivateWindow(Profiles)</onclick> </item> </content> </control> <control type="rss"> <description>RSS Feed</description> <posx>0</posx> <posy>690</posy> <width>1280</width> <height>14</height> Small <urlset>1</urlset> <titlecolor>Red</titlecolor> <headlinecolor>White</headlinecolor> <textcolor>White</textcolor> </control> </controls> </window>

adjust <onleft> and <onright> in submenu list control.

Icerat · 2012-06-11, 00:07

Sorry getting late here.

Will that allow me to navigate the sub menu then, also did i make then menu right?

Icerat · 2012-06-11, 20:45

Hi all

Ive been trying to wrap my head around this sub menu thing and I'm afraid i still having trouble, I cant seem to get my head around this onleft onright thing and would really appreciate some pointers.

All i want to be able to do is navigate down to settings then right arrow on to the sub menu and move up and down it (we'll leave keeping the menu hidden until i actually right arrow for another time when i finally understand how to create menus).

Looking forward to your replies, this is fun learning if some what frustrating (learning more with each error lol Smile

)

PHP Code:
<!--Sub-Menu-->
        <control type="list" id="3100">
        <visible>Container(300).HasFocus(9)</visible>
            <description>Home Wraplist</description>
            <posx>0</posx>
            <posy>72</posy>
            <width>1280</width>
            <height>564</height>
            
            <onleft>300</onleft>
            <onright>Control.SetFocus(3100,0)</onright>
            <onup>300</onup>
            <ondown>300</ondown>
                
            <!--Item List-->
            <itemlayout width="360" height="50">
                <control type="label">
                    <posx>200</posx>
                    <height>50</height>
                    <width>250</width>
                    <font>Small</font>
                    <info>ListItem.Label</info>
                    <align>left</align>
                </control>
            </itemlayout>
            
            <!--Selected Item-->
            <focusedlayout width="540" height="64">
                <control type="label">
                    <posx>200</posx>
                    <width>400</width>
                    <height>64</height>
                    <info>ListItem.Label</info>
                    <font>Medium</font>
                    <textcolor>orange</textcolor>
                    <align>left</align>
                </control>
            </focusedlayout>

            <!--List Order-->
            <content>
                <item id="51">
                    <description>File manager</description>
                    <label>31011</label>
                    <onclick>ActivateWindow(filemanager)</onclick>
                </item>
                                
                <item id="52">
                    <description>Profiles</description>
                    <label>31009</label>
                    <onclick>ActivateWindow(Profiles)</onclick>
                </item>
            </content>        
            
        </control> 

phil65 · 2012-06-11, 20:57

if you have a horizontal menu, onleft and onright should just contain the id of the container itself, so <onleft>3100</onleft> in a list with id 3100 for example. that will make it move to the next list item.
in <onup> you just put the id of the main menu (and same vice versa: id from submenu in ondown of main menu list.)

**Hitcher** · (This post was last modified: 2012-06-11, 21:02 by Hitcher.)

You need to put the onright control in your main list and make it conditional.

eg

PHP Code:
<onright condition="Container(300).HasFocus(9)">Control.SetFocus(3100,0)</onright> 

Icerat · 2012-06-11, 21:03

I have a vertical menu down the left hand side. so would onright be 3100 to get on to the sub menu?

I'm sorry I'm not getting it, i have an idea how it should work but my knowledge is holding me back Sad

Icerat · 2012-06-11, 21:19

(2012-06-11, 21:01)Hitcher Wrote: You need to put the onright control in your main list and make it conditional.

eg
PHP Code:
<onright condition="Container(300).HasFocus(9)">Control.SetFocus(3100,0)</onright>

Wow that worked thanks i can now right arrow when im on settings and be able to move up and down the sub menu with the arrow keys, im unable to get of the main menu though Sad

even though i have onleft set to 300.

Am i setting these sub menus up the right way as not sure how i would add a submenu to item 1 (Videos)