Thumbs in front of movie title in listview (1 Viewer)

[Krimskrams34]

I would like to display a thumb of the cover of a selected movie in front of the movie title in list view mode in Moving Pictures. Can somebody tell me which files to modify for achieving this? Couldn't find anything useful in the forum so far.

Thanks in advance!

 

[Krimskrams34]

Meanwhile I read more posts in the forum, inspected also many files in other skins for clues, especially my second favorite skin PureVision from Catavolt, but couldn't find a solution for my problem. Two posts I want to pick out:
https://forum.team-mediaportal.com/threads/listview-mode-in-moving-pictures.107325/ (with an attached picture)
https://forum.team-mediaportal.com/threads/cover-neben-list-view.89604/ with replies received from Holzi and Catavolt.

So I would like to ask for help once more to beautify this already well made skin. All tips welcome!

 

[ltfearme]

Do you mean on the actual list, to the left of the title? e.g. Thumb Title Year

If so, you can take a look at the trakt xmls, the list layouts I did on that provide the thumb. If not, perhaps illustrate with a picture attached. Im on holiday for the week so can't help until I get back.

 

[Krimskrams34]

Yes, it should be the same list layout in MovingPictures as you did in the Trakt plugin (picture attached). I looked at your Trakt files but could not find the specific code which inserts the thumbs. So I would be glad if you could tell me which files I need to add/change in MovingPictures to receive the thumbs.

 

[ltfearme]

You will need to edit one of the following depending on what settings you have chosen, but if you are using the defaults then it would be movingpictures.default.facade.xml:

movingpictures.default.facade.xml
movingpictures.default.thumbsview.12x3.8x2.facade.xml
movingpictures.default.thumbsview.12x4.8x3.facade.xml
movingpictures.fanart.thumbsview.12x3.8x2.facade.xml
movingpictures.fanart.thumbsview.12x4.8x3.facade.xml

You need to edit the list control of the facade, the default code looks like:

      <control>
        <visible>control.isvisible(50)</visible>
        <description>Movie List</description>
        <type>listcontrol</type>
        <id>50</id>
        <onleft>3</onleft>
        <onright>3</onright>
        <width>735</width>
        <posX>1179</posX>
        <posY>475</posY>
        <height>585</height>
        <textXOff>0</textXOff>
        <textXOff2>720</textXOff2>
        <!-- List Control Popup -->
        <explicitlyEnableScrollLabel>yes</explicitlyEnableScrollLabel>
        <!-- Spin Controls -->
        <spinWidth>75</spinWidth>
        <spinHeight>55</spinHeight>
        <spinPosX>1762</spinPosX>
        <spinPosY>1021</spinPosY>
        <spinAlign>Right</spinAlign>
        <spinColor>ff006698</spinColor>
        <textureUp>arrow_round_up_nofocus.png</textureUp>
        <textureDown>arrow_round_down_nofocus.png</textureDown>
        <textureUpFocus>arrow_round_up_focus.png</textureUpFocus>
        <textureDownFocus>arrow_round_down_focus.png</textureDownFocus>
      </control>

You now can compare the list control code in the Trakt.Trending.Movies.xml file:

        <control>
          <description>listcontrol</description>
          <type>listcontrol</type>
          <id>50</id>
          <posX>1050</posX>
          <posY>360</posY>
          <height>720</height>
          <width>870</width>
          <onleft>2</onleft>
          <onright>2</onright>
          <scrollOffset>5</scrollOffset>
          <itemWidth>48</itemWidth>
          <itemHeight>48</itemHeight>
          <IconXOff>37</IconXOff>
          <IconYOff>6</IconYOff>
          <textXOff>37</textXOff>
          <textYOff>7</textYOff>
          <textXOff2>0</textXOff2>
          <textYOff2>7</textYOff2>
          <textXOff3>112</textXOff3>
          <textYOff3>15</textYOff3>
          <font>mediastream12c</font>
          <font2>mediastream10c</font2>
          <font3>mediastream12tc</font3>
          <keepaspectratio>yes</keepaspectratio>
          <spinPosX>1762</spinPosX>
          <spinPosY>1021</spinPosY>
          <spinAlign>Right</spinAlign>
          <spinColor>ff006698</spinColor>
          <textureUp>arrow_round_up_nofocus.png</textureUp>
          <textureDown>arrow_round_down_nofocus.png</textureDown>
          <textureUpFocus>arrow_round_up_focus.png</textureUpFocus>
          <textureDownFocus>arrow_round_down_focus.png</textureDownFocus>
          <spinWidth>75</spinWidth>
          <spinHeight>55</spinHeight>
          <suffix>|</suffix>
        </control>

The key fields to update / add are IconXOff and IconYOff, although by adding these you will need to add or tweak other fields. You can first copy everything across and then adjust accordingly.

 

[Krimskrams34]

Great! Thank you very much ltfearme. Finally I can run MovingPictures with thumbs in listview. For those who want to test this feature I added my adjusted file. Have fun!

<control>
<description>Movie List</description>
<type>listcontrol</type>
<id>50</id>
<posX>1179</posX>
<posY>475</posY>
<height>585</height>
<width>735</width>
<onleft>3</onleft>
<onright>3</onright>
<scrollOffset>5</scrollOffset>
<itemWidth>48</itemWidth>
<itemHeight>48</itemHeight>
<IconXOff>37</IconXOff>
<IconYOff>6</IconYOff>
<textXOff>37</textXOff>
<textYOff>10</textYOff>
<textXOff2>720</textXOff2>
<textYOff2>10</textYOff2>
<textXOff3>112</textXOff3>
<textYOff3>15</textYOff3>
<font>mediastream12c</font>
<font2>mediastream10c</font2>
<font3>mediastream12tc</font3>
<keepaspectratio>yes</keepaspectratio>
<spinPosX>1762</spinPosX>
<spinPosY>1021</spinPosY>
<spinAlign>Right</spinAlign>
<spinColor>ff006698</spinColor>
<textureUp>arrow_round_up_nofocus.png</textureUp>
<textureDown>arrow_round_down_nofocus.png</textureDown>
<textureUpFocus>arrow_round_up_focus.png</textureUpFocus>
<textureDownFocus>arrow_round_down_focus.png</textureDownFocus>
<spinWidth>75</spinWidth>
<spinHeight>55</spinHeight>
<suffix>|</suffix>
</control>