RE: Share your themes : Custom lists - meridius - 2016-02-28
in your Poster reflect picture the movie numbers are black
202 and 251
on mine they are white and light grey, so I don't know how to get the right colours and I don't know where the automatic white pattern option is
also the posters on yours have white boarders on mine there black
thanks
RE: Share your themes : Custom lists - Reynald - 2016-02-28
Light Color =
Skin Setting => Auto Build => apply color scheme Color Light
RE: Share your themes : Custom lists - meridius - 2016-02-29
(2016-02-28, 15:44)Reynald Wrote: Light Color =
Skin Setting => Auto Build => apply color scheme Color Light
thanks mate that did the trick.
excellent theme
RE: Share your themes : Custom lists - Jayz2K - 2016-03-01
FIXED LIST FIRST AIRED INFO[MOD] (REQUEST)
Original FIXEDLIST variation requested with first aired info (tv shows) :
Itemlayout :
Code: <itemlayout width="636" height="119">
<control type="group">
<visible>!Skin.String($PARAM[CompPrefix].B1Typ,BANNER) | [Skin.String($PARAM[CompPrefix].B1Typ,BANNER) + !Container.Content(movies) + !Container.Content(tvshows) + !Container.Content(seasons)]</visible>
<control type="image">
<left>0</left>
<top>0</top>
<height>118</height>
<align>center</align>
<bordersize>0,0,1,0</bordersize>
<texture border="0,0,1,0" colordiffuse="$INFO[Skin.String(Color.B1ItemNF)]">common/white.png</texture>
</control>
<control type="image">
<left>20</left>
<top>20</top>
<width>80</width>
<height>80</height>
<align>center</align>
<aspectratio>keep</aspectratio>
<texture background="true" colordiffuse="FFFFFFFF" fallback="material/tv.png">$VAR[ThumbTV]</texture>
<visible>!IsEmpty(ListItem.Property(ChannelName)) | !IsEmpty(ListItem.ChannelName)</visible>
</control>
<control type="image">
<left>20</left>
<top>20</top>
<width>80</width>
<height>80</height>
<align>center</align>
<aspectratio>keep</aspectratio>
<texture background="true" colordiffuse="$INFO[Skin.String(Color.B1Txt1NF)]">$VAR[ThumbIcon]</texture>
<visible>[IsEmpty(ListItem.Property(ChannelName)) + IsEmpty(ListItem.ChannelName)] + [ListItem.IsFolder | IsEmpty(ListItem.Art(thumb)) | !IsEmpty(ListItem.Property(labelID))]</visible>
</control>
<control type="image">
<left>0</left>
<top>0</top>
<width>118</width>
<height>118</height>
<align>center</align>
<aspectratio>keep</aspectratio>
<texture background="true" colordiffuse="FFFFFFFF">$VAR[ThumbPortrait]</texture>
<visible>IsEmpty(ListItem.Property(ChannelName)) + IsEmpty(ListItem.ChannelName) + IsEmpty(ListItem.Property(labelID))</visible>
</control>
<control type="label">
<left>142</left>
<top>20</top>
<width>470</width>
<height>50</height>
<align>left</align>
<aligny>center</aligny>
<font>Font27</font>
<textcolor>$INFO[Skin.String(Color.B1Txt1NF)]</textcolor>
<label>$VAR[B1Title]</label>
</control>
<control type="label">
<left>142</left>
<top>50</top>
<width>470</width>
<height>50</height>
<align>left</align>
<aligny>center</aligny>
<font>FontSmallR</font>
<textcolor>$INFO[Skin.String(Color.B1Txt2NF)]</textcolor>
<label>$VAR[B1SubTitle]$INFO[ListItem.Premiered, - $LOCALIZE[20416] ,]</label>
</control>
</control>
<control type="image">
<left>0</left>
<top>0</top>
<height>118</height>
<align>center</align>
<aspectratio>scale</aspectratio>
<bordertexture colordiffuse="$INFO[Skin.String(Color.B1ItemNF)]">common/white.png</bordertexture>
<bordersize>5</bordersize>
<texture background="true" colordiffuse="FFFFFFFF">$VAR[ThumbBanner]</texture>
<visible>Skin.String($PARAM[CompPrefix].B1Typ,BANNER)</visible>
</control>
<control type="label">
<left>0</left>
<top>0</top>
<height>118</height>
<align>center</align>
<aligny>center</aligny>
<font>FontBanner</font>
<textcolor>FFFFFFFF</textcolor>
<shadowcolor>FF000000</shadowcolor>
<label>[UPPERCASE]$VAR[B1Title][/UPPERCASE]</label>
<visible>Skin.String($PARAM[CompPrefix].B1Typ,BANNER) + IsEmpty(ListItem.Art(banner)) + [Container.Content(movies) | Container.Content(tvshows)]</visible>
</control>
<include>ItemOverlay</include>
</itemlayout>
Focusedlayout :
Code: <focusedlayout width="636" height="118">
<control type="group">
<visible>!Skin.String($PARAM[CompPrefix].B1Typ,BANNER) | [Skin.String($PARAM[CompPrefix].B1Typ,BANNER) + !Container.Content(movies) + !Container.Content(tvshows) + !Container.Content(seasons)]</visible>
<control type="image">
<left>0</left>
<top>0</top>
<height>118</height>
<align>center</align>
<bordersize>0,0,1,0</bordersize>
<texture border="0,0,1,0" colordiffuse="$INFO[Skin.String(Color.B1ItemNF)]">common/white.png</texture>
</control>
<control type="image">
<left>0</left>
<top>0</top>
<height>118</height>
<align>center</align>
<bordersize>0,0,1,0</bordersize>
<texture border="0,0,1,0" colordiffuse="$VAR[CategoryColor]">common/white.png</texture>
</control>
<control type="image">
<left>0</left>
<top>0</top>
<width>118</width>
<height>118</height>
<align>center</align>
<aspectratio>keep</aspectratio>
<texture colordiffuse="$INFO[Skin.String(Color.B1IconBg)]">common/white.png</texture>
</control>
<control type="image">
<left>20</left>
<top>20</top>
<width>80</width>
<height>80</height>
<align>center</align>
<aspectratio>keep</aspectratio>
<texture background="true" colordiffuse="FFFFFFFF" fallback="material/tv.png">$VAR[ThumbTV]</texture>
<visible>!IsEmpty(ListItem.Property(ChannelName)) | !IsEmpty(ListItem.ChannelName)</visible>
</control>
<control type="image">
<left>20</left>
<top>20</top>
<width>80</width>
<height>80</height>
<align>center</align>
<aspectratio>keep</aspectratio>
<texture background="true" colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">$VAR[ThumbIcon]</texture>
<visible>[IsEmpty(ListItem.Property(ChannelName)) + IsEmpty(ListItem.ChannelName)] + [ListItem.IsFolder | IsEmpty(ListItem.Art(thumb)) | !IsEmpty(ListItem.Property(labelID))]</visible>
</control>
<control type="image">
<left>0</left>
<top>0</top>
<width>118</width>
<height>118</height>
<align>center</align>
<aspectratio>keep</aspectratio>
<texture background="true" colordiffuse="FFFFFFFF">$VAR[ThumbPortrait]</texture>
<visible>IsEmpty(ListItem.Property(ChannelName)) + IsEmpty(ListItem.ChannelName) + IsEmpty(ListItem.Property(labelID))</visible>
</control>
<control type="label">
<left>142</left>
<top>20</top>
<width>470</width>
<height>50</height>
<align>left</align>
<aligny>center</aligny>
<font>Font27</font>
<textcolor>$INFO[Skin.String(Color.B1Txt1F)]</textcolor>
<label>$VAR[B1Title]</label>
</control>
<control type="label">
<left>142</left>
<top>50</top>
<width>470</width>
<height>50</height>
<align>left</align>
<aligny>center</aligny>
<font>FontSmallR</font>
<textcolor>$INFO[Skin.String(Color.B1Txt2F)]</textcolor>
<label>$VAR[B1SubTitle]$INFO[ListItem.Premiered, - $LOCALIZE[20416] ,]</label>
</control>
</control>
<control type="image">
<left>0</left>
<top>0</top>
<height>118</height>
<align>center</align>
<aspectratio>scale</aspectratio>
<bordertexture colordiffuse="$VAR[CategoryColor]">common/white.png</bordertexture>
<bordersize>5</bordersize>
<texture background="true" colordiffuse="FFFFFFFF">$VAR[ThumbBanner]</texture>
<visible>Skin.String($PARAM[CompPrefix].B1Typ,BANNER)</visible>
</control>
<control type="label">
<left>0</left>
<top>0</top>
<height>118</height>
<align>center</align>
<aligny>center</aligny>
<font>FontBanner</font>
<textcolor>FFFFFFFF</textcolor>
<shadowcolor>FF000000</shadowcolor>
<label>[UPPERCASE]$VAR[B1Title][/UPPERCASE]</label>
<visible>Skin.String($PARAM[CompPrefix].B1Typ,BANNER) + IsEmpty(ListItem.Art(banner)) + [Container.Content(movies) | Container.Content(tvshows)]</visible>
</control>
<include>ItemOverlay</include>
</focusedlayout>
Link to the custom list (custom 1) :
https://drive.google.com/file/d/0B0PL_QSOtQ-ZcHZpZ3ZPSThSZm8/view?usp=sharing
Instruction :
1. Download and place the Designer_CustomList1.xml in the /16x9 folder of the skin
2. Go to Designer
3. At bottom left of the designer press "Update Custom Lists" ("Custom List 1 exists" message when file found)
4. Go to the view you want to change, in bloc 1 subsection and change "List Type" to CUSTOM1
Your done !
RE: Share your themes : Custom lists - Reynald - 2016-03-01
Custom Widget Mini poster :
https://www.dropbox.com/s/moqluve7dtxzemt/Designer_CustomList5.xml?dl=0
1. Download and place the Designer_CustomList5.xml in the /16x9 folder of the skin
2. Go to Designer
3. At bottom left of the designer press "Update Custom Lists" ("Custom List 5 exists" message when file found)
4. Go to the view you want to change, in bloc 1 subsection and change "List Type" to CUSTOM5
5 .Adapts the other block to your liking
watch gallery
Code: <?xml version="1.0" encoding="UTF-8"?>
<includes>
<!-- BUILD YOUR OWN LIST TYPE INSIDE KOver
You will find below a quick guide to give you more details about variables and settings and help you build your own list.
Before you start, and for you to get the best results, keep in mind that KOver's grid is made of 9 spaces with a 636 (width) x 356 (height) pixels size.
If you want your list to fit prefectly when resizing, make your <itemlayout>, <focusedlayout> a multiple of this file :
Ex : Fanart view is set with <itemlayout width="636" height="356">. Ratio 1:1
Ex2 : Poster view is set with <itemlayout width="212" height="356">. Ratio 1:3 on width and 1:1 on height
KOver also handles a dynamic sizing giving you the layout the whole size set in Designer (meaning if you set 1column x 1row, size will be automatically 636x356
and if you set 3column x 3row will be 1908x1068 ratio 3:1). For this, you can use the following code :
<itemlayout width="$PARAM[width]" height="$PARAM[height]">
>> VARIABLES :
______________
The following variables are available inside the list and set to provide the best matching imformations :
>>>Labels :
$VAR[B1Title] : Usually the ListItem.Title ot ListItem.Label + fallbacks
$VAR[B1SubTitle] : Additional informations of an item (ex : duration for movies, start time / end time for PVR, etc.)
>>>Pictures :
$VAR[ThumbPortrait] : Return a Portrait picture of an item. Usually Poster or thumb (if episodes) + fallback pictures
$VAR[ThumbLandscape] : Return a Landscape picture of an item. Usually Fanart or thumb (if episodes) + fallback pictures
>>>Colors (Colors set in the Color tool) :
$INFO[Skin.String(Color.B1Bg)] : Bloc 1 background
$INFO[Skin.String(Color.B1ItemNF)] : Bloc 1 unselected item (itemlayout) background
$INFO[Skin.String(Color.B1Txt1NF)] : Text 1 unselected item (itemlayout) usually used for titles and icons
$INFO[Skin.String(Color.B1Txt2NF)] : Text 2 unselected item (itemlayout) usually used for subtitles
$VAR[CategoryColor] : Bloc 1 elected item (focusedlayout) background. Changes with the category
$INFO[Skin.String(Color.B1IconBg)] : Icon background overlay (focusedlayout). Shows over the Bloc 1 selected item
$INFO[Skin.String(Color.B1Txt1F)] : Text 1 selected item (focusedlayout) usually used for titles and icons
$INFO[Skin.String(Color.B1Txt2F)] : Text 2 selected item (focusedlayout) usually used for subtitles
Of course, you can also use any of the KODI infolabels instead.
-->
<!-- Custom List 5 widget mini poster-->
<!-- DO NOT MODIFY FROM HERE -->
<include name="Custom5">
<!-- TO HERE -->
<itemlayout width="130" height="178">
<control type="group">
<top>10</top>
<left>25</left>
<control type="image">
<left>0</left>
<width>115</width>
<height>160</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="FFFFFFFF">$INFO[ListItem.Icon]</texture>
</control>
</control>
</itemlayout>
<focusedlayout width="130" height="175">
<control type="group">
<top>10</top>
<left>25</left>
<control type="image">
<left>-5</left>
<top>-5</top>
<width>125</width>
<height>170</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="$VAR[CategoryColor]">common/white.png</texture>
</control>
<control type="image">
<left>0</left>
<width>115</width>
<height>160</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="FFFFFFFF">$INFO[ListItem.Icon]</texture>
</control>
</control>
</focusedlayout>
<!-- DO NOT MODIFY FROM HERE -->
</include>
</includes>
<!-- TO HERE -->
RE: Share your themes : Custom lists - Reynald - 2016-03-01
Small Banner :
Code: <!-- TO HERE -->
<itemlayout width="555" height="123">
<control type="group">
<left>80</left>
<top>10</top>
<control type="image">
<left>0</left>
<top>0</top>
<width>540</width>
<height>103</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="$INFO[Skin.String(Color.B1ItemF)]">common/white.png</texture>
</control>
<control type="image">
<left>0</left>
<top>-0</top>
<width>540</width>
<height>103</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="FFFFFFFF">$VAR[ThumbBanner]</texture>
</control>
</control>
<control type="group">
<left>525</left>
<top>0</top>
<width>100</width>
<height>100</height>
<control type="image">
<right>0</right>
<top>0</top>
<aspectratio>scale</aspectratio>
<texture colordiffuse="$VAR[CategoryColor]">common/corner.png</texture>
</control>
<control type="image">
<right>5</right>
<top>5</top>
<width>25</width>
<height>25</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">material/check.png</texture>
<visible>!ListItem.HasTimer + !ListItem.IsRecording + !ListItem.IsResumable</visible>
</control>
<control type="image">
<right>6</right>
<top>6</top>
<width>25</width>
<height>25</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">osd/pause.png</texture>
<visible>ListItem.IsResumable</visible>
</control>
<!-- Recording image -->
<control type="image">
<right>5</right>
<top>5</top>
<width>25</width>
<height>25</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">osd/record.png</texture>
<visible>ListItem.IsRecording</visible>
</control>
<!-- Timer image -->
<control type="image">
<right>5</right>
<top>5</top>
<width>25</width>
<height>25</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">material/clock.png</texture>
<visible>ListItem.HasTimer + !ListItem.IsRecording</visible>
</control>
<visible>[Skin.HasSetting(WatchedFlag) + [Container.Content(movies) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(episodes) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(seasons) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(tvshows) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | ListItem.IsResumable] | ListItem.IsRecording | ListItem.HasTimer</visible>
</control>
</itemlayout>
<focusedlayout width="555" height="123">
<control type="group">
<top>10</top>
<left>80</left>
<control type="image">
<left>0</left>
<top>0</top>
<width>545</width>
<height>103</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="$INFO[Skin.String(Color.B1ItemNF)]">common/white.png</texture>
</control>
<control type="image">
<left>-5</left>
<top>-4</top>
<width>552</width>
<height>113</height>
<texture colordiffuse="$VAR[CategoryColor]">common/white.png</texture>
<aspectratio align="center" aligny="top">stretch</aspectratio>
</control>
<control type="image">
<left>0</left>
<top>-0</top>
<width>540</width>
<height>103</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="FFFFFFFF">$VAR[ThumbBanner]</texture>
</control>
</control>
<control type="group">
<left>525</left>
<top>2</top>
<width>100</width>
<height>100</height>
<control type="image">
<right>0</right>
<top>0</top>
<aspectratio>scale</aspectratio>
<texture colordiffuse="$VAR[CategoryColor]">common/corner.png</texture>
</control>
<control type="image">
<right>5</right>
<top>5</top>
<width>25</width>
<height>25</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">material/check.png</texture>
<visible>!ListItem.HasTimer + !ListItem.IsRecording + !ListItem.IsResumable</visible>
</control>
<control type="image">
<right>6</right>
<top>6</top>
<width>25</width>
<height>25</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">osd/pause.png</texture>
<visible>ListItem.IsResumable</visible>
</control>
<!-- Recording image -->
<control type="image">
<right>5</right>
<top>5</top>
<width>25</width>
<height>25</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">osd/record.png</texture>
<visible>ListItem.IsRecording</visible>
</control>
<!-- Timer image -->
<control type="image">
<right>5</right>
<top>5</top>
<width>25</width>
<height>25</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">material/clock.png</texture>
<visible>ListItem.HasTimer + !ListItem.IsRecording</visible>
</control>
<visible>[Skin.HasSetting(WatchedFlag) + [Container.Content(movies) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(episodes) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(seasons) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(tvshows) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | ListItem.IsResumable] | ListItem.IsRecording | ListItem.HasTimer</visible>
</control>
</focusedlayout>
RE: Share your themes : Custom lists - meridius - 2016-03-02
(2016-02-28, 15:44)Reynald Wrote: Light Color =
Skin Setting => Auto Build => apply color scheme Color Light
you know the poster reflect folder it has a folder called
Info -Submenu
is that image for
bloc 2: infos
or
block 5: Submenu
or both
as that folder is a bit confusing to assign to something ?
RE: Share your themes : Custom lists - Reynald - 2016-03-02
When it is written: Info-Submenu, this is for Block 2 and Block 5. Sorry, I will change for other users
RE: Share your themes : Custom lists - meridius - 2016-03-02
(2016-03-02, 13:45)Reynald Wrote: When it is written: Info-Submenu, this is for Block 2 and Block 5. Sorry, I will change for other users
no problem thanks mate
RE: Share your themes : Custom lists - meridius - 2016-03-05
could this be possible but keeping the big poster select in one place and just scrolling the posters at each side instead of a selection outline box
thanks
?
RE: Share your themes : Custom lists - Reynald - 2016-03-05
(2016-03-05, 17:04)meridius Wrote: could this be possible
thanks
?
Yes : Example of course ( not use for this view : u must change for your view
Code: <control type="image">
<left>37</left>
<top>125</top>
<width>120</width>
<height>120</height>
<aspectratio>keep</aspectratio>
<texture background="true">$VAR[Icon_Discart]</texture>
<animation effect="slide" delay="1600" end="140,0" time="300" tween="quadratic">Focus</animation>
<animation effect="slide" start="140,0" end="0" time="150" tween="quadratic" easing="in">Unfocus</animation>
<animation effect="zoom" start="70" end="200" center="auto" time="160" condition="Control.HasFocus(52)">Conditional</animation>
<bordersize>7</bordersize>
</control>
<include>viewSlidePoster-ContainerCommons</include>
in Variable.xml , add for example this code /
Code: <variable name="Icon_Discart">
<value condition="!IsEmpty(ListItem.Art(discart)) ">$INFO[ListItem.Art(discart)]</value>
<value condition="IntegerGreaterThan(ListItem.VideoResolution,719) ">Cd/bluray.png</value>
<value condition="!IsEmpty(ListItem.VideoResolution) ">Cd/dvd.png</value>
</variable>
you also need replacement image if Discart not available.
RE: Share your themes : Custom lists - Reynald - 2016-03-05
(2016-03-05, 17:04)meridius Wrote: could this be possible but keeping the big poster select in one place and just scrolling the posters at each side instead of a selection outline box
thanks
?
No not possible , juste poster in Fixedlist . winding is impossible without changing any source code. too long and complicated to do.
RE: Share your themes : Custom lists - meridius - 2016-03-06
(2016-03-05, 17:13)Reynald Wrote: (2016-03-05, 17:04)meridius Wrote: could this be possible
thanks
?
Yes : Example of course ( not use for this view : u must change for your view
Code: <control type="image">
<left>37</left>
<top>125</top>
<width>120</width>
<height>120</height>
<aspectratio>keep</aspectratio>
<texture background="true">$VAR[Icon_Discart]</texture>
<animation effect="slide" delay="1600" end="140,0" time="300" tween="quadratic">Focus</animation>
<animation effect="slide" start="140,0" end="0" time="150" tween="quadratic" easing="in">Unfocus</animation>
<animation effect="zoom" start="70" end="200" center="auto" time="160" condition="Control.HasFocus(52)">Conditional</animation>
<bordersize>7</bordersize>
</control>
<include>viewSlidePoster-ContainerCommons</include>
in Variable.xml , add for example this code /
Code: <variable name="Icon_Discart">
<value condition="!IsEmpty(ListItem.Art(discart)) ">$INFO[ListItem.Art(discart)]</value>
<value condition="IntegerGreaterThan(ListItem.VideoResolution,719) ">Cd/bluray.png</value>
<value condition="!IsEmpty(ListItem.VideoResolution) ">Cd/dvd.png</value>
</variable>
you also need replacement image if Discart not available.
hi there, I added the code to the designer_customlist5.xml but nothing happens ? also added the code to the Variables.xml
what am I doing wrong
update got it to work a littile bit I have placed it here but I can not get the discart to rotate and also don't know how to get it behind the poster
Code: <?xml version="1.0" encoding="UTF-8"?>
<includes>
<!-- BUILD YOUR OWN LIST TYPE INSIDE KOver
You will find below a quick guide to give you more details about variables and settings and help you build your own list.
Before you start, and for you to get the best results, keep in mind that KOver's grid is made of 9 spaces with a 636 (width) x 356 (height) pixels size.
If you want your list to fit prefectly when resizing, make your <itemlayout>, <focusedlayout> a multiple of this file :
Ex : Fanart view is set with <itemlayout width="636" height="356">. Ratio 1:1
Ex2 : Poster view is set with <itemlayout width="212" height="356">. Ratio 1:3 on width and 1:1 on height
KOver also handles a dynamic sizing giving you the layout the whole size set in Designer (meaning if you set 1column x 1row, size will be automatically 636x356
and if you set 3column x 3row will be 1908x1068 ratio 3:1). For this, you can use the following code :
<itemlayout width="$PARAM[width]" height="$PARAM[height]">
>> VARIABLES :
______________
The following variables are available inside the list and set to provide the best matching imformations :
>>>Labels :
$VAR[B1Title] : Usually the ListItem.Title ot ListItem.Label + fallbacks
$VAR[B1SubTitle] : Additional informations of an item (ex : duration for movies, start time / end time for PVR, etc.)
>>>Pictures :
$VAR[ThumbPortrait] : Return a Portrait picture of an item. Usually Poster or thumb (if episodes) + fallback pictures
$VAR[ThumbLandscape] : Return a Landscape picture of an item. Usually Fanart or thumb (if episodes) + fallback pictures
>>>Colors (Colors set in the Color tool) :
$INFO[Skin.String(Color.B1Bg)] : Bloc 1 background
$INFO[Skin.String(Color.B1ItemNF)] : Bloc 1 unselected item (itemlayout) background
$INFO[Skin.String(Color.B1Txt1NF)] : Text 1 unselected item (itemlayout) usually used for titles and icons
$INFO[Skin.String(Color.B1Txt2NF)] : Text 2 unselected item (itemlayout) usually used for subtitles
$VAR[CategoryColor] : Bloc 1 elected item (focusedlayout) background. Changes with the category
$INFO[Skin.String(Color.B1IconBg)] : Icon background overlay (focusedlayout). Shows over the Bloc 1 selected item
$INFO[Skin.String(Color.B1Txt1F)] : Text 1 selected item (focusedlayout) usually used for titles and icons
$INFO[Skin.String(Color.B1Txt2F)] : Text 2 selected item (focusedlayout) usually used for subtitles
Of course, you can also use any of the KODI infolabels instead.
-->
<!-- Custom List 5 -->
<!-- DO NOT MODIFY FROM HERE -->
<include name="Custom5">
<!-- TO HERE -->
<itemlayout width="170" height="$PARAM[height]">
<control type="group">
<left>15</left>
<top>80</top>
<control type="image">
<left>-6</left>
<top>-5</top>
<width>162</width>
<height>222</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="$INFO[Skin.String(Color.B1ItemNF)]">common/white.png</texture>
</control>
<control type="image">
<left>0</left>
<width>150</width>
<height>210</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="FFFFFFFF">$INFO[ListItem.Icon]</texture>
</control>
<control type="image">
<left>-6</left>
<top>220</top>
<width>162</width>
<height>222</height>
<aspectratio>scale</aspectratio>
<texture flipy="true" colordiffuse="$INFO[Skin.String(Color.B1ItemNF)]">common/white.png</texture>
<animation effect="fade" start="25" end="25" time="300" condition="true">Conditional</animation>
</control>
<control type="image">
<top>220</top>
<left>0</left>
<width>150</width>
<height>210</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="FFFFFFFF"flipy="true">$INFO[ListItem.Icon]</texture>
<animation effect="fade" start="25" end="25" time="300" condition="true">Conditional</animation>
</control>
</control>
<control type="group">
<right>1</right>
<top>73</top>
<width>100</width>
<height>100</height>
<control type="image">
<right>0</right>
<top>0</top>
<aspectratio>scale</aspectratio>
<texture colordiffuse="$VAR[CategoryColor]">common/corner.png</texture>
</control>
<control type="image">
<right>5</right>
<top>5</top>
<width>25</width>
<height>25</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">material/check.png</texture>
<visible>!ListItem.HasTimer + !ListItem.IsRecording + !ListItem.IsResumable</visible>
</control>
<control type="image">
<right>6</right>
<top>6</top>
<width>25</width>
<height>25</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">osd/pause.png</texture>
<visible>ListItem.IsResumable</visible>
</control>
<!-- Recording image -->
<control type="image">
<right>5</right>
<top>5</top>
<width>25</width>
<height>25</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">osd/record.png</texture>
<visible>ListItem.IsRecording</visible>
</control>
<!-- Timer image -->
<control type="image">
<right>5</right>
<top>5</top>
<width>25</width>
<height>25</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">material/clock.png</texture>
<visible>ListItem.HasTimer + !ListItem.IsRecording</visible>
</control>
<visible>[Skin.HasSetting(WatchedFlag) + [Container.Content(movies) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(episodes) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(seasons) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(tvshows) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | ListItem.IsResumable] | ListItem.IsRecording | ListItem.HasTimer</visible>
</control>
</itemlayout>
<focusedlayout width="170" height="$PARAM[height]">
<control type="group">
<top>80</top>
<left>15</left>
<control type="image">
<left>-6</left>
<top>-5</top>
<width>162</width>
<height>222</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="$INFO[Skin.String(Color.B1ItemF)]">common/white.png</texture>
</control>
<control type="image">
<left>0</left>
<width>150</width>
<height>210</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="FFFFFFFF">$INFO[ListItem.Icon]</texture>
</control>
<control type="image">
<top>220</top>
<left>0</left>
<width>150</width>
<height>210</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="FFFFFFFF"flipy="true">$INFO[ListItem.Icon]</texture>
<animation effect="fade" start="25" end="25" time="300" condition="true">Conditional</animation>
</control>
</control>
]<!-- CDArt image -->
<control type="image">
<left>75</left>
<top>155</top>
<width>150</width>
<height>150</height>
<aspectratio>keep</aspectratio>
<texture background="true">$VAR[Icon_Discart]</texture>
<animation effect="slide" start="0,200" end="0" tween="cubic" easing="inout" time="1200" delay="800">Focus</animation>
<animation effect="fade" start="0" end="100" delay="800" time="800" pulse="false">Focus</animation>
<animation effect="rotate "start="0" end="-360" center="auto" time="12000" loop="true" reversible="false" condition="Skin.HasSetting(AnimateDiscArt)">Conditional</animation>
<bordersize>7</bordersize>
</control>
<include>posterreflectPoster-ContainerCommons</include>
<control type="group">
<right>1</right>
<top>73</top>
<width>100</width>
<height>100</height>
<control type="image">
<right>0</right>
<top>0</top>
<aspectratio>scale</aspectratio>
<texture colordiffuse="$VAR[CategoryColor]">common/corner.png</texture>
</control>
<control type="image">
<right>5</right>
<top>5</top>
<width>25</width>
<height>25</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">material/check.png</texture>
<visible>!ListItem.HasTimer + !ListItem.IsRecording + !ListItem.IsResumable</visible>
</control>
<control type="image">
<right>6</right>
<top>6</top>
<width>25</width>
<height>25</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">osd/pause.png</texture>
<visible>ListItem.IsResumable</visible>
</control>
<!-- Recording image -->
<control type="image">
<right>5</right>
<top>5</top>
<width>25</width>
<height>25</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">osd/record.png</texture>
<visible>ListItem.IsRecording</visible>
</control>
<!-- Timer image -->
<control type="image">
<right>5</right>
<top>5</top>
<width>25</width>
<height>25</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="$INFO[Skin.String(Color.B1Txt1F)]">material/clock.png</texture>
<visible>ListItem.HasTimer + !ListItem.IsRecording</visible>
</control>
<visible>[Skin.HasSetting(WatchedFlag) + [Container.Content(movies) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(episodes) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(seasons) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | [Container.Content(tvshows) + stringcompare(ListItem.Overlay,OverlayWatched.png)] | ListItem.IsResumable] | ListItem.IsRecording | ListItem.HasTimer</visible>
</control>
</focusedlayout>
<!-- DO NOT MODIFY FROM HERE -->
</include>
</includes>
<!-- TO HERE -->
RE: Share your themes : Custom lists - Reynald - 2016-03-06
I do not have much time, but I did not try and I'll do when I would be willing. And tell you what to do if it is possible.
RE: Share your themes : Custom lists - Reynald - 2016-03-06
Block 1 = 2x3 = BC/ AC.
I made quickly, so you need controlling.
Remove code added to Variable.
Code: <itemlayout width="170" height="$PARAM[height]">
<control type="group">
<top>450</top>
<control type="image">
<left>-6</left>
<top>-5</top>
<width>162</width>
<height>222</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="$INFO[Skin.String(Color.B1ItemNF)]">common/white.png</texture>
</control>
<control type="image">
<left>0</left>
<width>150</width>
<height>210</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="FFFFFFFF">$INFO[ListItem.Icon]</texture>
</control>
<control type="image">
<left>-6</left>
<top>220</top>
<width>162</width>
<height>222</height>
<aspectratio>scale</aspectratio>
<texture flipy="true" colordiffuse="$INFO[Skin.String(Color.B1ItemNF)]">common/white.png</texture>
<animation effect="fade" start="25" end="25" time="300" condition="true">Conditional</animation>
</control>
<control type="image">
<top>220</top>
<left>0</left>
<width>150</width>
<height>210</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="FFFFFFFF"flipy="true">$INFO[ListItem.Icon]</texture>
<animation effect="fade" start="25" end="25" time="300" condition="true">Conditional</animation>
</control>
</control>
</itemlayout>
<focusedlayout width="170" height="$PARAM[height]">
<control type="group">
<top>450</top>
<control type="image">
<left>-6</left>
<top>-5</top>
<width>162</width>
<height>222</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="$INFO[Skin.String(Color.B1ItemF)]">common/white.png</texture>
</control>
<control type="image">
<left>-5</left>
<top>25</top>
<width>165</width>
<height>165</height>
<aspectratio>keep</aspectratio>
<texture background="true">$INFO[ListItem.Art(discart)]</texture>
<animation effect="slide" delay="1600" end="0,-150" time="300" tween="quadratic">Focus</animation>
<animation effect="fade" start="100" end="0" delay="250" time="800" pulse="false">unFocus</animation>
<bordersize>7</bordersize>
</control>
<control type="image">
<left>0</left>
<width>150</width>
<height>210</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="FFFFFFFF">$INFO[ListItem.Icon]</texture>
</control>
<control type="image">
<top>220</top>
<left>0</left>
<width>150</width>
<height>210</height>
<aspectratio>scale</aspectratio>
<texture colordiffuse="FFFFFFFF"flipy="true">$INFO[ListItem.Icon]</texture>
<animation effect="fade" start="25" end="25" time="300" condition="true">Conditional</animation>
</control>
</control>
</focusedlayout>
|