[the_other_guy]

trying to make this as simple as possible for the kodi wiki

how the menu and widget screen are linked

xml:


<item>

<label>$LOCALIZE[1]</label>

<onclick>ActivateWindow(Pictures)</onclick>

<property name="menu_id">$NUMBER[4000]</property>

<thumb>icons/sidemenu/pictures.png</thumb>

<property name="id">pictures</property>

<visible>!Skin.HasSetting(HomeMenuNoPicturesButton)</visible>

</item>

right screen

<control type="group" id="4000">

     <visible>String.IsEqual(Container(9000).ListItem.Property(id),pictures)</visible>

     <include content="Visible_Right_Delayed">

      <param name="id" value="pictures"/>

     </include>

     <control type="grouplist" id="4001">

      <include>WidgetGroupListCommon</include>

      <include content="WidgetListCategories" condition="!Skin.HasSetting(HomeMenuNoPicturesButton)">

       <param name="content_path" value="sources://pictures/"/>

       <param name="widget_header" value="$LOCALIZE[20094]"/>

       <param name="widget_target" value="pictures"/>

       <param name="list_id" value="4100"/>

       <param name="icon_height" value="110"/>

      </include>

     </control>

     

    </control>

<item> menu item tag
    <label>$LOCALIZE[1]</label> name of menu in this one it is = to pictures
    <property name="menu_id">$NUMBER[4000]</property> this is the number linked to the groups
    <control type="group" id="4000"> <control type="grouplist" id="4001"> <param name="list_id" value="4100"/>
    <onclick>ActivateWindow(Pictures)</onclick> ActivateWindow or plugin or node
    <thumb>icons/sidemenu/pictures.png</thumb> image thumb icon
    <property name="id">pictures</property> is the same
<visible>String.IsEqual(Container(9000).ListItem.Property(id),pictures)</visible>
    and <param name="id" value="pictures"/>
    <visible>!Skin.HasSetting(HomeMenuNoPicturesButton)</visible> not needed unless you are going to hide it
    </item> close item tag
    missing from pictures but needed for widget rows is <pagecontrol>menu_id010</pagecontrol> and it uses the same menu_id 010
    and and is placed after  <include>WidgetGroupListCommon</include> and after widget rows is <include content="WidgetScrollbar" condition="Skin.HasSetting(touchmode)">
      <param name="scrollbar_id" value="menu_id010"/>
     </include>
Example of how this works kids zone edit home.xml

xml:


 <item>

               <label>kids zone</label>

               <onclick>ActivateWindow(10025,&quot;plugin://plugin.video.youtube/kodion/search/list/&quot;,return)</onclick>

              <property name="menu_id">$NUMBER[30000]</property>

              <thumb>icons/sidemenu/kids.png</thumb>

             <property name="id">kidszone</property>

             </item>

xml:
    

 <control type="group" id="21000"> add before <control type="group" id="30000">

     <visible>String.IsEqual(Container(9000).ListItem.Property(id),kidszone)</visible>

     <include content="Visible_Right_Delayed">

      <param name="id" value="kidszone"/>

     </include>

     <control type="grouplist" id="30001">

      <include>WidgetGroupListCommon</include>

      <pagecontrol>30010</pagecontrol>

      Widgets can be added from a node (library://video/movies/) see kodi node library examples https://forum.kodi.tv/showthread.php?tid=344482

      

      <include content="WidgetListPoster" condition="Library.HasContent(movies)">

       <param name="content_path" value="special://skin/playlists/unwatched_movies.xsp"/>

       <param name="widget_header" value="$LOCALIZE[31007]"/>

       <param name="widget_target" value="videos"/>

       <param name="list_id" value="30300"/>

      </include>

      <include content="WidgetListPoster" condition="Library.HasContent(movies)">

       <param name="content_path" value="special://skin/playlists/random_movies.xsp"/>

       <param name="widget_header" value="$LOCALIZE[31006]"/>

       <param name="widget_target" value="videos"/>

       <param name="list_id" value="30400"/>

      </include>

      </control>

      <include content="WidgetScrollbar" condition="Skin.HasSetting(touchmode)">

      <param name="scrollbar_id" value="5010"/>

     </include>

     </control>

content screen


the <param name="list_id" value="30300"/> of the next widget needs to be higher then the one before <param name="list_id" value="30310"/>

[ontap]

thanks for this , is a big help.

[Josefin]

@the_other_guy 

Are the movies under "Kids Zone" located in an own folder? Or how are you filtering?

[the_other_guy]

located in an own folder? Or how are you filtering?
the best way is to make a node

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

<node order="40" type="folder">

    <label>Other Movies</label>

    <icon>DefaultFolder.png</icon>

    <path>D:\videos</path>

</node>

this can be done with addons library node editor
to link a widget to a node

xml:


<include content="WidgetListPoster" >

                        <param name="content_path" value="library://video/widgets/kids/row1/row1.xml"/>

                        <param name="widget_header" value="row1"/>

                        <param name="widget_target" value="videos"/>

                        <param name="list_id" value="27100"/>

                       </include>

library://video/ your link

to add to menu add node to favourites open favourites.xml you will get a link like 
<favourite name="row1">ActivateWindow(10025,&quot;library://video/widgets/kids/row1/&quot;,return)</favourite>
</favourites>

<item> <label>kids zone</label> <onclick>ActivateWindow(10025,&quot;plugin://plugin.video.youtube/kodion/search/list/&quot;,return)</onclick> <property name="menu_id">$NUMBER[30000]</property> <thumb>icons/sidemenu/kids.png</thumb> <property name="id">kidszone</property> </item>

ActivateWindow(10025,&quot;plugin://plugin.video.youtube/kodion/search/list/&quot;,return) replace with ActivateWindow(10025,&quot;library://video/widgets/kids/row1/&quot;,return) from favourites

[Josefin]

the best way is to make a node

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

<node order="40" type="folder">

    <label>Other Movies</label>

    <icon>DefaultFolder.png</icon>

    <path>D:\videos</path>

</node>

Is that a file I need to create, and if so, what file name should it have?
Will the movies in this folder be mixed up with the ones shown under Movies from the menu? Separating the two is crucial.

Maybe you can demo this with a video that you can upload to youtube? Its a little hard to follow.

[the_other_guy]

<label>row1</label>
<param name="widget_header" value="row1"/>
ActivateWindow(10025,&quot;library://video/widgets/kids/row1/&quot;,return)

they can be any name as long as they match on all 3 lines

[lowbred]

@the_other_guy 
Is there a way to get default library views (Fanart) and movie info with <onclick> without scraping to the library?

[lowbred]

This is cool! Add/scrape to library and use playlists. Thanks the_other_guy

[Uatschitchun]

I'm a little stuck here...
Would you mind helping me on this one: https://forum.kodi.tv/showthread.php?tid...pid2903984

[the_other_guy]

@Uatschitchun 
What would be the easiest way for example with estuary (mod) 

drive if movies are separate folder eg. E:\Movies\Blu-Ray

 
mpaa rating


mpaa rating
Rated G
Rated NR
Rated PG
Rated PG-13
Rated R
TV-14
TV-MA
TV-PG
tv-y
12
16

to use link to node
<onclick>ActivateWindow(10025,&quot;library://video/widgets/custommenu.xml/&quot;,return)</onclick>

estuary (mod) library://video/widgets/custommenu.xml/

[Prince Jambaya]

Have been trying to implement the above for the past hour to no luck. Please be specific about the second part. I AM TRYING TO ADD ANIME SERIES. I have managed to make it show up on the home screen. Please show me what to do from here on out so that my anime show in the main menu like movies and series. Here is the screenshot.


;PS: I am using Kodi 20 on an Ubuntu 22.04 Laptop. The contents show though: