A Little Coding Help Please...
#1
posted this in the estuary section and was told i might get better help/results in this section.....

question 1:
========

i would like the size of the focused poster to be extra large as shown below (mad max), which is easy to do, but how do i make it so the extra large focused movie poster overlaps the unfocused posters below it, in the the same manner it overlaps the unfocused posters above it?


Image


question2:
=========

i've created custom widgets for the main movie page but can't get background fanart to appear when i focus on a movie poster....

for example, from my home.xml file: this code (kodi stock / built in) shows background fanart when a poster in the "movie sets" widget row is highlighted, i.e. it works as it should:

Code:
<include content="WidgetListPoster">
<param name="content_path" value="videodb://movies/sets/"/>
<param name="widget_target" value="videos"/>
<param name="sortby" value="random"/>
<param name="list_id" value="5600"/>
</include>

Image

this is also from my home.xml file: a custom widget, but background fanart doesn't display when a movie poster in its widget row (family movies) is highlighted, the background remains the same as my default background:

Code:
<include content="WidgetListPoster">
<param name="content_path" value="special://skin/playlists/family_movies.xsp"/>
<<param name="widget_target" value="videos"/>
<param name="sortby" value="random"/>
<param name="list_id" value="5227"/>
</include>

Image

so why does the "movie sets" widget, which is a stock / built in kodi widget, display background fanart on focus yet custom widgets don't? both codes are in the same file (home.xml), both codes are in the same group within the file, yet one works while the other doesn't (in terms of displaying background fanart when focused, all other functions work perfectly fine when a poster from a custom widget is highlighted).

of course the difference between the two codes is the "content path value", the kodi stock / built in code (movie sets) is pulled from the "videodb" while the custom widget (family movies) is pulled from a custom xsp file.... that said, when using a stock / built in kodi widget that references a stock / built in xsp file in the content path, for example "unwatched movies" everything works fine, background fanart is displayed correctly on focus:

Code:
<include content="WidgetListPoster">
<param name="content_path" value="special://skin/playlists/unwatched_movies.xsp"/>
<param name="widget_header" value="Unwatched "/>
<param name="widget_target" value="videos"/>
<param name="list_id" value="5300"/>
</include>

so you would think my problem lies in the custom xsp file, but i don't think it does, the custom xsp file and the kodi stock / built in xsp file are pretty much identical:

custom xsp file:

Code:
<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<smartplaylist type="movies">
<name>Family movies</name>
<match>all</match>
<rule field="genre" operator="contains">
<value>Family</value>
</rule>
<limit>0</limit>
<!-- <order direction="descending">random</order> -->
</smartplaylist>

kodi stock / built in xsp file:

<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<smartplaylist type="movies">
<name>Unwatched movies</name>
<match>all</match>
<rule field="playcount" operator="is">
<value>0</value>
</rule>
<limit>0</limit>
<order direction="descending">random</order>
</smartplaylist>


question 3:
=========

how can i change the size of the mediaflags? are they ping files that need to be replaced with larger ones? i've tried playing around with mediaflag fonts i've come across in xml files, as well height and width sizes, but all they seem to do is reposition the media flags as opposed to changing their sizes..

Image

thank you very much in advance for any help you might be able to provide!
Reply
#2
UPDATE: many thanks to @Guilouz for providing this solution to question 2

(2017-03-30, 23:12)Guilouz Wrote: Your problem with fanarts is in Variables.xml..... If you change/add ID, you must change/add line for fanart... In previous post your have defined new ID 5220 :

Code:
<include content="WidgetListPoster" condition="Library.HasContent(movies)">
<param name="content_path" value="special://skin/playlists/Comedies.xsp"/>
<param name="widget_header" value="Comedies"/>
<param name="widget_target" value="videos"/>
<param name="list_id" value="5220"/>
</include>

So, you must add line :

Code:
<value condition="!String.IsEmpty(Container(5220).ListItem.Art(fanart)) + Control.HasFocus(5220)">$INFO[Container(5220).ListItem.Art(fanart)]</value>
Reply
#3
Question 1 : Your itemlayout is placed before your focusedlayout ?

Question 3 : Size are located in Includes.xml with variable 'MediaFlag'.
 Estuary MOD V2 
Reply
#4
For point 1 it looks like you are using multiple lists to get the wall effect. Why not use a panel control? Is there a reason for using three lists? You wont be able to get the effect you want with three lists because code that is further down always overlaps code that is higher up (generally at least).
Arctic Fuse - Alpha now available. Support me on Ko-fi.
Reply
#5
(2017-03-31, 04:27)Guilouz Wrote: Question 1 : Your itemlayout is placed before your focusedlayout ?
yes, itemlayout is placed before focusedlayout in the includes_home.xml file, which is the stock kodi alignment i believe... per your post i tried reversing their positions, placing focusedlayout before itemlayout, but it didn't seem to have any effect at all, the focused movie poster still remained behind the posters below it....

jurialmunkey Wrote:For point 1 it looks like you are using multiple lists to get the wall effect. Why not use a panel control? Is there a reason for using three lists? You wont be able to get the effect you want with three lists because code that is further down always overlaps code that is higher up (generally at least).
are you referring to the includes_home.xml file? if so i'm pretty much using the original kodi code to get the wall effect, with a few edits here and there... not sure how to edit the file so it uses "a panel control" instead of "three lists" as you mentioned? in fact i'm not sure what "three lists" you are referring to...

here's my edited includes_home.xml file, or should i be looking at a different file?

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

<includes>

<!------------- MAIN PAGE POSTER SPACING ------------->

<include name="WidgetGroupListCommon">
<orientation>vertical</orientation>
<height>100%</height>
<scrolltime tween="cubic" easing="out">500</scrolltime>
<itemgap>-190</itemgap>
<onup>20000</onup>
<ondown>20001</ondown>
<usecontrolcoords>true</usecontrolcoords>
</include>

<!---------------------- CATEGORY LABELS -------------------->

<include name="CategoryLabel">
<param name="visible">true</param>
<definition>
<control type="label" id="$PARAM[list_id]666">
<font>font25_narrow</font>
<top>70</top>
<left>105</left>
<height>190</height>

<label>$PARAM[label]</label>
<shadowcolor>text_shadow</shadowcolor>
<visible>$PARAM[visible]</visible>
<visible>Integer.IsGreater(Container($PARAM[list_id]).NumItems,0) | Container($PARAM[list_id]).IsUpdating</visible>
</control>
</definition>
</include>

<!------------------- MOVIE CATEGORIES --------------------->

<include name="WidgetListPoster">
<definition>

<include content="CategoryLabel">
<param name="label">$PARAM[widget_header]</param>
<param name="list_id" value="$PARAM[list_id]"/>
</include>

<include content="BusyListSpinner">
<param name="list_id" value="$PARAM[list_id]"/>
<param name="posy" value="250"/>
</include>

<!--------------------MOVIE POSTER GRID -------------------->

<control type="panel" id="$PARAM[list_id]">
<left>0</left>
<top>20</top>
<visible>Integer.IsGreater(Container($PARAM[list_id]).NumItems,0) | Container($PARAM[list_id]).IsUpdating</visible>
<right>0</right>
<height>500</height>

<include content="WidgetListCommon">
<param name="list_id" value="$PARAM[list_id]"/>
</include>

<!------------------------------------------------------------------------>

<itemlayout width="310" height="486">
<control type="group">
<left>68</left>
<top>10</top>

<include content="InfoWallMovieLayout">
<param name="focused" value="false" />
</include>

</control>
</itemlayout>

<!------------------------------- FOCUS ----------------------------->

<focusedlayout width="310" height="486">
<control type="group">
<depth>DepthContentPopout</depth>
<left>68</left>
<top>10</top>

<animation type="Focus">
<effect type="zoom" start="100" end="150" time="200" tween="sine" easing="inout" center="230,200" />
</animation>
<animation type="Unfocus">
<effect type="zoom" start="150" end="100" time="125" tween="sine" easing="inout" center="230,200" />
</animation>

<include content="InfoWallMovieLayout">
<param name="focused" value="true" />
</include>

</control>
</focusedlayout>

<!-------------------- POSTER COUNT ROWS ---------------->

<content sortby="$PARAM[sortby]" sortorder="$PARAM[sortorder]" target="$PARAM[widget_target]" limit="0">$PARAM[content_path]</content>

<!------------------------------------------------------------------------>

</control>
</definition>
</include>

<!------------------------------------------------------------------------->
<!------------------------------------------------------------------------->

<include name="WidgetListCategories">

<param name="item_limit">50</param>
<param name="pvr_submenu">false</param>
<param name="addon_submenu">false</param>
<param name="pvr_type">TV</param>
<param name="visible">true</param>

<definition>

<include content="CategoryLabel">
<param name="label">$PARAM[widget_header]</param>
<param name="list_id" value="$PARAM[list_id]"/>
<param name="visible" value="$PARAM[visible]"/>
</include>

<include content="BusyListSpinner">
<param name="list_id" value="$PARAM[list_id]"/>
<param name="visible" value="$PARAM[visible]"/>
</include>

<!---------------------------- TEXT BLOCKS --------------------->

<control type="panel" id="$PARAM[list_id]">

<left>0</left>
<top>25</top>
<right>0</right>
<height>180</height>

<include content="WidgetListCommon">
<param name="list_id" value="$PARAM[list_id]"/>
</include>

<visible>$PARAM[visible]</visible>
<visible>Integer.IsGreater(Container($PARAM[list_id]).NumItems,0) | Container($PARAM[list_id]).IsUpdating</visible>

<!------------------------ BLOCK CATEGORIES ---------------->

<itemlayout width="310" height="340">
<control type="group">
<left>70</left>

<!----------------- TEXT BACKGROUND BLOCK ------------>

<control type="image">
<width>316</width>
<height>100</height>
<texture>dialogs/dialog-bg-nobo.png</texture>
<bordertexture border="21">overlays/shadow.png</bordertexture>
<bordersize>20</bordersize>
</control>

<!-------------------- LABEL PRE FOCUS ----------------------->

<control type="textbox">
<left>42</left>
<top>15</top>
<width>240</width>
<height>70</height>
<label>$INFO[ListItem.Label]</label>
<font>font25_narrow</font>
<shadowcolor>text_shadow</shadowcolor>
<align>center</align>
<aligny>center</aligny>
</control>

<!------------------------------------------------------------------------>

</control>
</itemlayout>

<!---------------------TEXT AND BACKGROUND --------------->

<focusedlayout width="310" height="340">
<control type="group">
<depth>DepthContentPopout</depth>
<left>70</left>

<!------------------------ TEXT BOX ANIMATION ----------------->

<control type="image">
<width>316</width>
<height>100</height>
<texture colordiffuse="button_focus">colors/grey.png</texture>
<bordersize>20</bordersize>
<include>Animation_FocusTextureFade</include>
</control>

<control type="textbox">
<left>42</left>
<top>15</top>
<width>240</width>
<height>70</height>
<label>$INFO[ListItem.Label]</label>
<font>font25_narrow</font>
<shadowcolor>text_shadow</shadowcolor>
<align>center</align>
<aligny>center</aligny>
</control>

</control>
</focusedlayout>

<!----------------------------------------------------------------------->
<!----------------------------------------------------------------------->

<include condition="!$PARAM[pvr_submenu] + !$PARAM[addon_submenu]" content="SubmenuContent">
<param name="widget_target" value="$PARAM[widget_target]"/>
<param name="item_limit" value="$PARAM[item_limit]"/>
<param name="content_path" value="$PARAM[content_path]"/>
</include>

<include condition="$PARAM[pvr_submenu]" content="PVRSubMenuContent">
<param name="pvr_type" value="$PARAM[pvr_type]"/>
</include>

<include condition="$PARAM[addon_submenu]">AddonSubMenuContent</include>

</control>
</definition>
</include>

<!----------------   GENRES / CATEGORIES ------------------>

<include name="SubmenuContent">
<content target="$PARAM[widget_target]" limit="$PARAM[item_limit]">$PARAM[content_path]</content>
</include>

<!------------------ CATEGORY NAVIGATION ------------------>

<include name="WidgetListCommon">
<scrolltime tween="cubic" easing="out">500</scrolltime>
<orientation>horizontal</orientation>
<onunfocus>SetProperty(listposition,$INFO[Container($PARAM[list_id]).Position],home)</onunfocus>
<onfocus>Control.Move($PARAM[list_id],-$INFO[Container($PARAM[list_id]).Position])</onfocus>
<onfocus>Control.Move($PARAM[list_id],$INFO[Window(home).Property(listposition)])</onfocus>
<onback>PageUp</onback>
<onback>PageUp</onback>
<onback>PageUp</onback>
<onback>PageUp</onback>
<preloaditems>2</preloaditems>
</include>

<!----------------------------SPINNER ------------------------------>

<include name="BusyListSpinner">
<param name="posy">160</param>
<param name="visible">true</param>
<definition>
<control type="group" id="$PARAM[list_id]599">
<height>160</height>
<left>180</left>
<visible>Container($PARAM[list_id]).IsUpdating + !Integer.IsGreater(Container($PARAM[list_id]).NumItems,0)</visible>
<visible>$PARAM[visible]</visible>
<control type="image">
<top>$PARAM[posy]</top>
<width>100</width>
<height>100</height>
<aspectratio aligny="center">keep</aspectratio>
<texture colordiffuse="black">dialogs/extendedprogress/loading-back.png</texture>
</control>
<control type="image">
<top>$PARAM[posy]</top>
<width>100</width>
<height>100</height>
<aspectratio aligny="center">keep</aspectratio>
<texture>dialogs/extendedprogress/loading.png</texture>
<animation effect="rotate" center="auto" start="360" end="0" time="1500" loop="true" condition="true">Conditional</animation>
</control>
</control>
</definition>
</include>

<!------ NEW INSTALL BUTTONS LOAD MOVIES -------->

<include name="ImageWidget">
<definition>

<control type="grouplist" id="$PARAM[button_id]567">
<width>100%</width>
<orientation>horizontal</orientation>
<align>center</align>
<control type="button" id="$PARAM[button_id]">
<width>auto</width>
<height>125</height>
<label>$PARAM[button_label]</label>
<textoffsetx>40</textoffsetx>
<onclick>$PARAM[button_onclick]</onclick>
<align>center</align>
<texturefocus border="23" colordiffuse="button_focus">buttons/dialogbutton-fo.png</texturefocus>
<texturenofocus border="40">buttons/dialogbutton-nofo.png</texturenofocus>
<visible>$PARAM[visible_1]</visible>
</control>
</control>

</definition>
</include>

</includes>


and here's my edited home.xml file:


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

<window>
<defaultcontrol>700</defaultcontrol>
<backgroundcolor>background</backgroundcolor>

<controls>
<include>DefaultBackground</include>

<control type="multiimage">
<depth>DepthBackground</depth>
<include>FullScreenDimensions</include>
<aspectratio>scale</aspectratio>

<fadetime>600</fadetime>
<animation effect="zoom" center="auto" end="102,102" time="0" condition="Integer.IsGreater(System.StereoscopicMode,0)">conditional</animation>
<animation effect="fade" start="0" end="100" time="400">WindowOpen</animation>
<animation effect="fade" start="100" end="0" time="300">WindowClose</animation>
<animation effect="fade" time="400">VisibleChange</animation>
<imagepath background="true" colordiffuse="bg_overlay">$VAR[HomeFanartVar]</imagepath>
<visible>!Player.HasMedia</visible>
</control>

<!----------------------------------------------------------->

<control type="group">
<animation effect="fade" start="100" end="0" time="200" tween="sine" condition="$EXP[infodialog_active]">Conditional</animation>

<control type="group" id="2000">
<width>100%</width>
<top>0</top>
<bottom>80</bottom>

<animation type="Conditional" condition="Control.IsVisible(20000)" reversible="false">
<effect type="slide" end="0,20" time="60" tween="sine" />
<effect type="slide" end="0,-20" time="180" tween="sine" delay="80" />
</animation>

<animation type="Conditional" condition="Control.IsVisible(20001)" reversible="false">
<effect type="slide" end="0,-20" time="60" tween="sine" />
<effect type="slide" end="0,20" time="180" tween="sine" delay="80" />
</animation>

<include>OpenClose_Right</include>

<!---------------------- MOVIES WALL ------------------->

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

<control type="grouplist" id="5001">
<top>75</top>
<left>-30</left>
<width>100%</width>
<onup>700</onup>
<include>WidgetGroupListCommon</include>

<include content="WidgetListPoster">
<param name="content_path" value="special://skin/playlists/family.xsp"/>
<<param name="widget_target" value="videos"/>
<param name="sortby" value="random"/>
<param name="list_id" value="5227"/>
</include>

<include content="WidgetListPoster">
<param name="content_path" value="special://skin/playlists/science_fiction.xsp"/>
<param name="widget_target" value="videos"/>
<param name="sortby" value="random"/>
<param name="list_id" value="5229"/>
</include>

<include content="WidgetListPoster">
<param name="content_path" value="special://skin/playlists/comedy.xsp"/>
<param name="widget_target" value="videos"/>
<param name="sortby" value="random"/>
<param name="list_id" value="5226"/>
</include>

<include content="WidgetListPoster">
<param name="content_path" value="special://skin/playlists/adventure.xsp"/>
<param name="widget_target" value="videos"/>
<param name="sortby" value="random"/>
<param name="list_id" value="5236"/>
</include>

<include content="WidgetListPoster">
<param name="content_path" value="videodb://movies/titles/"/>
<param name="widget_target" value="videos"/>
<param name="sortby" value="random"/>
<param name="list_id" value="56000"/>
</include>

<include content="WidgetListPoster">
<param name="content_path" value="videodb://movies/sets/"/>
<param name="widget_target" value="videos"/>
<param name="sortby" value="random"/>
<param name="list_id" value="5600"/>
</include>

<!-------------------------------------------------------------

<include content="WidgetListPoster" condition="Library.HasContent(movies)">
<param name="content_path" value="special://skin/playlists/inprogress_movies.xsp"/>
<param name="widget_header" value="Recently     "/>
<param name="widget_target" value="videos"/>
<param name="list_id" value="5100"/>
</include>

<include content="WidgetListPoster" condition="Library.HasContent(movies)">
<param name="content_path" value="special://skin/playlists/random_movies.xsp"/>
<param name="widget_header" value="Suggestions     "/>
<param name="widget_target" value="videos"/>
<param name="list_id" value="5400"/>
</include>

<include content="WidgetListPoster" condition="Library.HasContent(movies)">
<param name="content_path" value="special://skin/playlists/recent_unwatched_movies.xsp"/>
<param name="widget_header" value="Recently Added     "/>
<param name="widget_target" value="videos"/>
<param name="list_id" value="5200"/>
</include>

<include content="WidgetListPoster" condition="Library.HasContent(movies)">
<param name="content_path" value="special://skin/playlists/unwatched_movies.xsp"/>
<param name="widget_header" value="Unwatched     "/>
<param name="widget_target" value="videos"/>
<param name="list_id" value="5300"/>
</include>

-------------------------------------------------------------->

<include content="WidgetListCategories">
<param name="content_path" value="library://video/movies/"/>
<param name="widget_target" value="videos"/>
<param name="list_id" value="5900"/>
</include>

<include content="WidgetListCategories">
<param name="content_path" value="videodb://movies/genres/"/>
<param name="widget_target" value="videos"/>
<param name="list_id" value="5500"/>
</include>

<!------------------------------------------------------------>

</control>
</control>

<!-------------------------- TOPBAR --------------------->

<control type="group">
<depth>DepthBars</depth>
<animation effect="slide" end="0,-130" time="300" tween="sine" easing="inout" condition="$EXP[infodialog_active]">conditional</animation>
<animation effect="fade" start="0" end="100" time="300">WindowOpen</animation>
<animation effect="fade" start="100" end="0" time="200">WindowClose</animation>

<control type="image"> <!--- TOP BORDER --->
<top>0</top>
<height>140</height>
<width>100%</width>
<texture colordiffuse="70AAAAAA">colors/black.png</texture>
</control>

<!----------------- TOP BAR LABELS ---------------->

<control type="label">
<label> Movie Library   </label>
<width>100%</width>
<align>left</align>
<left>50</left>
<top>40</top>
<font>font37</font>
</control>

<control type="label">
<shadowcolor>text_shadow</shadowcolor>
<width>100%</width>
<top>40</top>
<align>right</align>
<left>-75</left>
<font>font37</font>
<label>$INFO[System.Time]</label>
</control>

<!---------------- CONTROL ICONS ----------------->

<control type="grouplist" id="700">
<orientation>horizontal</orientation>
<width>100%</width>
<itemgap>-40</itemgap>
<height>110</height>
<top>10</top>
<align>center</align>
<onright>noop</onright>
<onleft>noop</onleft>
<ondown>SetFocus(5001)</ondown>

<include content="IconButton">
<param name="control_id" value="22000" />
<param name="onclick" value="EjectTray()"/>
<param name="icon" value="icons/infodialogs/disable.png" />
<param name="visible" value="System.HasMediaDVD" />
</include>

<include content="IconButton">
<param name="control_id" value="21000" />
<param name="onclick" value="PlayDisc" />
<param name="icon" value="icons/infodialogs/play.png" />
<param name="visible" value="System.HasMediaDVD" />
</include>

<!-- <include content="IconButton">
<param name="control_id" value="805" />
<param name="onclick" value="ActivateWindow(Videos,MovieTitles, return)" />
<param name="icon" value="icons/menu.png" />
</include> -->

<include content="IconButton">
<param name="control_id" value="805" />
<param name="onclick" value="ActivateWindow(Videos, H:\, return)" />
<param name="icon" value="icons/menu.png" />
</include>

<include content="IconButton">
<param name="control_id" value="808" />
<param name="onclick" value="ActivateWindow(Videos,Addons,return)" />
<param name="icon" value="icons/submenu/add-ons.png" />
</include>

<include content="IconButton">
<param name="control_id" value="802" />
<param name="onclick" value="ActivateWindow(settings)" />
<param name="icon" value="icons/settings.png" />
</include>

<include content="IconButton">
<param name="control_id" value="801" />
<param name="onclick" value="ActivateWindow(1107)" />
<param name="icon" value="icons/search.png" />
</include>

<include content="IconButton">
<param name="control_id" value="803" />
<param name="onclick" value="Quit()" />
<param name="icon" value="icons/power.png" />
</include>

<!-- <include content="IconButton">
<param name="control_id" value="806" />
<param name="onclick" value="ActivateWindow(Videos,MovieGenres, return)" />
<param name="icon" value="icons/weather/humidity.png" />
</include> -->

<!-- <include content="IconButton">
<param name="control_id" value="807" />
<param name="onclick" value="ActivateWindow(Videos,videodb://movies/, return)" />
<param name="icon" value="icons/now-playing/fullscreen.png" />
</include> -->

</control>
</control>

<!-- <control type="group">
<height>500</height>
<bottom>-75</bottom>
<include>BottomBar</include>
</control> -->

</control>
</control>

<!------------ LOAD MEDIA MESSAGE ----------->

<control type="group">
<top>50</top>

<control type="label">
<top>275</top>
<width>100%</width>
<align>center</align>
<wrapmultiline>true</wrapmultiline>
<font>font30_title</font>
<visible>!Library.HasContent(movies)</visible>
<label>ADD YOUR MOVIES</label>
</control>

<control type="label">
<top>400</top>
<left>225</left>
<width>75%</width>
<align>center</align>
<wrapmultiline>true</wrapmultiline>
<font>font36</font>
<visible>!Library.HasContent(movies)</visible>
<label>Your movie library is currently empty. In order to populate your library with local and/or networked movie content, click the Add Your Movies Now button and naviage to the folder containing your files. Once this step has been completed this message will be replaced with your browsable movie index.</label>
</control>

<control type="group" id="5001">
<top>600</top>
<width>100%</width>
<align>center</align>
<include content="ImageWidget" condition="!Library.HasContent(movies)">
<param name="button_label" value="Load Your Movies Now" />
<param name="button_onclick" value="ActivateWindow(videos,root)"/>
</include>
</control>

<control type="image">
<top>90%</top>
<height>5</height>
<width>100%</width>
<visible>!Library.HasContent(movies)</visible>
<texture colordiffuse="AAAAAAAA">dialogs/separator-grey.png</texture>
</control>

</control>

<!----------------------------------------------------------->

</controls>
</window>
Reply
#6
Please us PasteBin and not a wall of code.
Reply
#7
(2017-03-31, 15:32)Hitcher Wrote: Please us PasteBin and not a wall of code.
did i edit my post correctly?
Reply
#8
jurialmunkey Wrote:For point 1 it looks like you are using multiple lists to get the wall effect. Why not use a panel control? Is there a reason for using three lists? You wont be able to get the effect you want with three lists because code that is further down always overlaps code that is higher up (generally at least).
ok, i think i know what you're referring to now.... in the home.xml file the widgets (movie poster rows) are setup as a group, not a panel, as follows:

Code:
<control type="group" id="100000">

<control type="grouplist" id="5001">
<top>75</top>
<left>-30</left>
<width>100%</width>
<onup>700</onup>
<include>WidgetGroupListCommon</include>

<include content="WidgetListPoster">
<param name="content_path" value="special://skin/playlists/family.xsp"/>
<<param name="widget_target" value="videos"/>
<param name="sortby" value="random"/>
<param name="list_id" value="5227"/>
</include>

<include content="WidgetListPoster">
<param name="content_path" value="special://skin/playlists/science_fiction.xsp"/>
<param name="widget_target" value="videos"/>
<param name="sortby" value="random"/>
<param name="list_id" value="5229"/>
</include>

<include content="WidgetListPoster">
<param name="content_path" value="special://skin/playlists/comedy.xsp"/>
<param name="widget_target" value="videos"/>
<param name="sortby" value="random"/>
<param name="list_id" value="5226"/>
</include>

<include content="WidgetListPoster">
<param name="content_path" value="special://skin/playlists/adventure.xsp"/>
<param name="widget_target" value="videos"/>
<param name="sortby" value="random"/>
<param name="list_id" value="5236"/>
</include>

<include content="WidgetListPoster">
<param name="content_path" value="videodb://movies/titles/"/>
<param name="widget_target" value="videos"/>
<param name="sortby" value="random"/>
<param name="list_id" value="56000"/>
</include>

<include content="WidgetListPoster">
<param name="content_path" value="videodb://movies/sets/"/>
<param name="widget_target" value="videos"/>
<param name="sortby" value="random"/>
<param name="list_id" value="5600"/>
</include>

<include content="WidgetListCategories">
<param name="content_path" value="library://video/movies/"/>
<param name="widget_target" value="videos"/>
<param name="list_id" value="5900"/>
</include>

<include content="WidgetListCategories">
<param name="content_path" value="videodb://movies/genres/"/>
<param name="widget_target" value="videos"/>
<param name="list_id" value="5500"/>
</include>

</control>
</control>

i tried changing "<control type="group"..." and "<control type="grouplist"..." to <control type="panel"...." but that didn't work at all, it's obviously not that easy...
Reply
#9
so is there an easy way to convert the widget grouplist (home.xml) into a panel so that a movie poster in a given widget row will overlap the movie posters above and below it? is this the only way to achieve this behavior, converting a grouplist to a panel?

or are we talking about an extensive code rewrite in order to get what i'm looking for to work? if that's the case i'll just make the focused posters smaller, so they don't come into contact with surrounding posters, and move on.

Code:
<control type="grouplist" id="5001">
<top>75</top>
<left>-30</left>
<width>100%</width>
<onup>700</onup>

<include>WidgetGroupListCommon</include>

<include content="WidgetListPoster">
<param name="content_path" value="special://skin/playlists/family.xsp"/>
<param name="widget_target" value="videos"/>
<param name="sortby" value="random"/>
<param name="list_id" value="5227"/>
</include>

<include content="WidgetListPoster">
<param name="content_path" value="special://skin/playlists/science_fiction.xsp"/>
<param name="widget_target" value="videos"/>
<param name="sortby" value="random"/>
<param name="list_id" value="5229"/>
</include>

<include content="WidgetListPoster">
<param name="content_path" value="special://skin/playlists/comedy.xsp"/>
<param name="widget_target" value="videos"/>
<param name="sortby" value="random"/>
<param name="list_id" value="5226"/>
</include>

<include content="WidgetListPoster">
<param name="content_path" value="special://skin/playlists/adventure.xsp"/>
<param name="widget_target" value="videos"/>
<param name="sortby" value="random"/>
<param name="list_id" value="5236"/>
</include>

<include content="WidgetListPoster">
<param name="content_path" value="videodb://movies/titles/"/>
<param name="widget_target" value="videos"/>
<param name="sortby" value="random"/>
<param name="list_id" value="56000"/>
</include>

<include content="WidgetListPoster">
<param name="content_path" value="videodb://movies/sets/"/>
<param name="widget_target" value="videos"/>
<param name="sortby" value="random"/>
<param name="list_id" value="5600"/>
</include>

<include content="WidgetListCategories">
<param name="content_path" value="library://video/movies/"/>
<param name="widget_target" value="videos"/>
<param name="list_id" value="5900"/>
</include>

<include content="WidgetListCategories">
<param name="content_path" value="videodb://movies/genres/"/>
<param name="widget_target" value="videos"/>
<param name="list_id" value="5500"/>
</include>

</control>
Reply
#10
Well from that code you can't really do what you want anyway with a panel container. The panel container is just another type of list (but goes both vertically and horizontally rather than one or the other) like each of your individual lists inside the grouplist, so you would only be able to have one content path, not multiple content paths on different rows like you currently have.

Yes, the only solution is to make it smaller if you want multiple rows of different content.
Arctic Fuse - Alpha now available. Support me on Ko-fi.
Reply
#11
(2017-04-03, 04:26)jurialmunkey Wrote: Well from that code you can't really do what you want anyway with a panel container. The panel container is just another type of list (but goes both vertically and horizontally rather than one or the other) like each of your individual lists inside the grouplist, so you would only be able to have one content path, not multiple content paths on different rows like you currently have.

Yes, the only solution is to make it smaller if you want multiple rows of different content.
thank you very much jurialmunkey, now i can move on, really liked the look of the extra large size, but the smaller size looks fine, looks plenty nice..

would you mind helping with another item? i'm pretty much done with my 2.35:1 layout, happy with how it turned out, but for the life of me i can't figure out how to hide the movie poster siiver that remains visible on the left side (white arrow) when i scroll the row as shown below...

i've tried playing with <left> settings, and i've also tried playing with the resolution in the addon.xml file, but no love, the only way i can successfully hide it is by moving the entire wall to the left, but that of course throws off the overall wall centering, i.e. it creates a larger margin on the right side than the left side...

is there a way to increase the left/right gaps between the movie posters? i've tried playing with <itemgap> but that seems to only increase/decrease the horizontal gaps...


Image
Reply
#12
I faced the same problem with XeeBo but managed to overcome it by using fake lists.

https://github.com/HitcherUK/skin.xeebo
Reply
#13
(2017-04-03, 07:30)Hitcher Wrote: I faced the same problem with XeeBo but managed to overcome it by using fake lists.

https://github.com/HitcherUK/skin.xeebo
could you walk me through this if not too much of a hassle for you...
Reply
#14
@aeneas1 can you please post your simple sleek skin, i like it very much, Thanks.
Reply
#15
(2017-04-03, 12:27)ruhanin Wrote: @aeneas1 can you please post your simple sleek skin, i like it very much, Thanks.
honestly, i don't think you would be very happy with my edits, my intent was to make the skin movie (and to a lesser extent addon) specific, had no interest in other kodi features, as a result pretty much all other functions (tv, pics, music, etc.) are either unusable, hard to get to, or don't work as intended.... in short, all i wanted was a clean movie poster / eye candy front end for my 2.35:1 screen from which i could launch movie files and play dvds, nothing else, and that's pretty much what the skin has become...
Reply

Logout Mark Read Team Forum Stats Members Help
A Little Coding Help Please...0