Poster and Fanart View

  Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Post Reply
mmmmmmsv Offline
Junior Member
Posts: 10
Joined: Sep 2012
Reputation: 0
Post: #1
Hello,
I love how Kodi helps gives you a little preview of what the movie will be like with the use of images and information, it changed the way I choose and watch movies.
The new Estuary skin is great and it offers more information than ever in a very quick and simple way.
However I havent found a View that features both the Posters and the Fanart, it is one or the other, and the one left out becomes a relatively hidden background (Fanart and List Views).
I'm looking for a Viewtype similar to the MediaInfo on Confluence.
watch gallery


The funny thing is that there was one similar one in the picutres for Krypton 1.7, this:
watch gallery

(corrected the picture, not sure what was wrong with the other one, i just found it online, this one is from another post)

but i cannot find it in the actual installation.
any ideas how to get it? or modify the List Viewtype to show the fan art too?
thanks

Rob
(This post was last modified: 2017-07-17 12:28 by mmmmmmsv.)
find quote
mchp92 Offline
Senior Member
Posts: 199
Joined: Apr 2017
Reputation: 3
Post: #2
Try metropolis skin
Combines poster and fanart in movie information view
Lots and lots of views when browsing the lib
find quote
Karellen Online
Team-Kodi Member
Posts: 2,883
Joined: Apr 2017
Reputation: 50
Post: #3
And this is from Rapier skin

https://ibb.co/jGpSck

My Signature
Links to : Forum rules (wiki) | Banned_Add-ons (wiki) | Free Movies/TV Shows | Debug Log (wiki) || Artwork (wiki) | NFO_files (wiki) | Import-Export_library (wiki)
find quote
Gracus Offline
Moanbag
Posts: 1,404
Joined: Jun 2016
Reputation: 49
Location: Saint-Brieuc, France
Post: #4
And if you already wants to use Kodi 18, this is from estuaryMOD v2:

Movie:
[Image: 170619012006540266.png]

Movie set:
[Image: 170619012005628058.png]

(the width used for the list seems way to much but it's because of my 21:9 screen. it's about 1/3-2/3 on a 16:9 screen)

Moanbag is in da place!
find quote
mmmmmmsv Offline
Junior Member
Posts: 10
Joined: Sep 2012
Reputation: 0
Post: #5
Nice,
do this other skins have the nice new features estuary has? Lilke extended info and pressing up to view cast?
How long till Leia becomes official?
Is it possible to copy a ViewType from one skin to another?

PD: I have the same problem with the 21:9 Wink on my room computer, but my media center is 16:9.
21:9 is a problem that i love to have though.
(This post was last modified: 2017-06-19 13:37 by mmmmmmsv.)
find quote
Dangelus Offline
Team-Kodi Member
Posts: 2,013
Joined: Jan 2012
Reputation: 28
Location: United Kingdom
Post: #6
To the OP:

I removed one of your images in the first post. Please don't use images depicting piracy add-ons to illustrate your​ point.

Always read the Kodi online-manual, FAQ and search the forum before posting.
Read/follow the forum rules.
find quote
the_other_guy Offline
Junior Member
Posts: 15
Joined: May 2017
Reputation: 1
Post: #7
you can make this view in kodi 17
Code:
<?xml version="1.0" encoding="UTF-8"?>
<includes>
    <include name="View_51_Poster">
        <control type="button" id="20000">
            <description>Dummy button to get animations right (hide focusedlayout on animations)</description>
            <include>HiddenObject</include>
            <animation effect="fade" delay="500" time="0" start="100" end="0">Visible</animation>
            <animation effect="fade" delay="500" time="0" start="100" end="0">WindowOpen</animation>
            <onclick>noop</onclick>
            <visible>Control.IsVisible(51)</visible>
        </control>
        <control type="group">
            <description>Poster Viewtype</description>
            <centertop>85%</centertop>
            <height>620</height>
            <control type="image">
                <left>0</left>
                <top>375</top>
                <width>100%</width>
                <height>100</height>
                <animation effect="fade" start="0" end="100" time="300">WindowOpen</animation>
                <animation effect="fade" start="100" end="0" time="300">WindowClose</animation>
                <animation effect="fade" time="200">VisibleChange</animation>
                <texture>dialogs/dialog-bg-nobo.png</texture>
                <visible>Control.IsVisible(51)</visible>
            </control>
            <control type="group">
                <visible>Control.IsVisible(51)</visible>
                <include>Visible_Right</include>
                <include>OpenClose_Right</include>
                <control type="fixedlist" id="51">
                    <left>0</left>
                    <top>0</top>
                    <width>110%</width>
                    <height>704</height>
                    <focusposition>1</focusposition>
                    <movement>0</movement>
                    <pagecontrol>5199</pagecontrol>
                    <scrolltime tween="cubic" easing="out">500</scrolltime>
                    <orientation>horizontal</orientation>
                    <onleft>51</onleft>
                    <onup>9000</onup>
                    <ondown>5199</ondown>
                    <onright>51</onright>
                    <hitrect x="100" y="0" w="800" h="400" />
                    <visible>Container.Content(movies) | Container.Content(seasons) | Container.Content(sets) | Container.Content(tvshows)</visible>
                    <preloaditems>1</preloaditems>
                    <viewtype label="20021">icon</viewtype>
                    <itemlayout width="317">
                        <control type="group">
                            <left>-220</left>
                            <top>18</top>
                            <include>InfoWallMovieLayout</include>
                        </control>
                    </itemlayout>
                    <focusedlayout width="490">
                        <control type="group">
                            <control type="group">
                                <left>-220</left>
                                <top>18</top>
                                <visible>Container.OnScrollPrevious</visible>
                                <visible>Control.IsVisible(20000)</visible>
                                <animation effect="fade" time="200" start="100" end="0">Hidden</animation>
                                <include>InfoWallMovieLayout</include>
                            </control>
                            <control type="group">
                                <left>-40</left>
                                <top>18</top>
                                <visible>Container.OnScrollNext</visible>
                                <visible>Control.IsVisible(20000)</visible>
                                <animation effect="fade" time="200" start="100" end="0">Hidden</animation>
                                <include>InfoWallMovieLayout</include>
                            </control>
                        </control>
                    </focusedlayout>
                </control>
<control type="image">
                <left>615</left>
                <top>-430</top>
                <width>65%</width>
                <height>445</height>
                <texture border="60" >frame/rtest.png</texture>
                
            </control>                                    
                <control type="group">
                    <top>25</top>
                    <control type="group">
                        <left>635</left>
                        <top>-300</top>
                        <height>245</height>
                        <visible>ListItem.IsCollection</visible>
                        <include content="InfoList">
                            <param name="bottom" value="0" />
                            <param name="sortby" value="year" />
                            <param name="sortorder" value="descending" />
                            <param name="font" value="font13" />
                        </include>
                    </control>
                    <control type="image">
                        <left>1645</left>
                        <top>-415</top>
                        <width>154</width>
                        <height>154</height>
                        <texture>$VAR[ListWatchedIconVar]</texture>
                    </control>

                    <control type="label">
                        <left>635</left>
                        <top>-400</top>
                        <right>50</right>
                        <height>40</height>
                        
                        <label>$INFO[ListItem.Label]$VAR[ListSubLabelVar]</label>
                        <font>font45_title</font>
                        <shadowcolor>text_shadow</shadowcolor>
                    </control>
        
                    <control type="textbox">
                        <left>635</left>
                        <top>-310</top>
                        <height>250</height>
                        <right>115</right>
                                                <autoscroll time="3000" delay="7000" repeat="5000">!System.HasModalDialog + Skin.HasSetting(AutoScroll)</autoscroll>
                        <label>$INFO[ListItem.Plot]</label>
                        <shadowcolor>text_shadow</shadowcolor>
                        <visible>!ListItem.IsCollection</visible>
                    </control>
                </control>
            </control>
        </control>
        <control type="group">
            <centertop>50%</centertop>
            <height>670</height>
            <left>101</left>
            <depth>DepthContentPopout</depth>
            <visible>Control.IsVisible(51)</visible>
            <include>OpenClose_Left</include>
            <include>Visible_Left</include>
            <control type="image">
                <top>-16</top>
                <left>-16</left>
                <width>516</width>
                <height>756</height>
                <bordertexture>overlays/shadow.png</bordertexture>
                <bordersize>20</bordersize>
            </control>
            <control type="image">
                <left>4</left>
                <top>4</top>
                <width>476</width>
                <height>716</height>
                <fadetime>200</fadetime>
                <aspectratio>scale</aspectratio>
                <texture fallback="DefaultVideo.png" background="true">$VAR[PosterVar]</texture>
             </control>
            <control type="image">
                <left>-24</left>
                <top>-24</top>
                <width>536</width>
                <height>776</height>
                <visible>Control.HasFocus(51)</visible>
                <animation effect="fade" time="100">VisibleChange</animation>
                <texture border="25" >overlays/frame.png</texture>
            </control>
            <control type="group">
                <left>216</left>
                <top>-18</top>
                <include content="UserRatingCircle">
                    <param name="animation" value="True" />
                </include>
            </control>
        </control>
    </include>
</includes>
[Image: Clipboard01.jpg]
find quote
mmmmmmsv Offline
Junior Member
Posts: 10
Joined: Sep 2012
Reputation: 0
Post: #8
Thanks Dangelus, i corrected the image.

Sadly still not quiet what i'm looking for. using other skin, means losing all the estuary features, wich i find really good in a very intuitive distribution that also looks good.
Is there a way to just add the poster picture to the existing view? what files would i need to edit?
(This post was last modified: 2017-07-17 12:32 by mmmmmmsv.)
find quote