Control GUIThumbnailControl (thumbnailpanel) is used to display Icons and Big Icons layouts in MediaPortal, sometimes referred to as Thumbs views or thumbnail views.

Changelog

Change	Date	Version
Thumbnail Panel Frames	2010/10/10	1.0.1 to 1.1.0
Thumbnailpanel Scrollbar	2010/11/05	1.1.0 to 1.2.0
New color skin tag for DVD/BluRay folders	2012/06/14	1.2.0 to 1.3.0
Shadow text	2010/10/10	1.0.1 to 1.1.0

Tags

Thumbnailpanel

Element Name	Data Type	Description
remoteColor	Long
playedColor	Long
downloadColor	Long
thumbPosX	Integer	Horizontal offset of the thumbnail image from the item's position
thumbPosY	Integer	Vertical offset of the thumbnail image from the item's position
thumbWidth	Integer	Width of the thumbnail image. This defines the maximum size of the thumbnail
thumbHeight	Integer	Height of the thumbnail image. This defines the maximum size of the thumbnail
itemHeight	Integer	Height of each item on the panel
itemWidth	Integer	Width of each item on the panel
textureHeight	Integer	Height of the focus texture for each item
textureWidth	Integer	Width of the focus texture for each item
itemHeightBig	Integer	Height of each item on the panel when it is in Large mode
itemWidthBig	Integer	Width of each item on the panel when it is in Large mode
thumbWidthBig	Integer
thumbHeightBig	Integer
thumbZoom	Boolean
enableFocusZoom	Boolean
textureHeightBig	Integer	Height of the focus texture for each item in Large mode
textureWidthBig	Integer	Width of the focus texture for each item in Large mode
font	String	Font used for the items label. From fonts.xml
textcolor	Long	Color used for displaying the items label. In AARRGGBB hex format
selectedColor	Long	Color used for displaying the items label when the item is selected. In AARRGGBB hex format
bdDvdDirectoryColor	Long	[Since 1.3] Color of the 1st label for DVD/BluRay items/folders. Default is 0xFFFFFFFF
shadowAngle	Integer
shadowDistance	Integer
shadowColor	Long
spinColor	Long	The colour of the text used for this spin control. In AARRGGBB hex format
spinAlign	Alignment
spinHeight	Integer	The height of one of the spin control buttons. The textures for this spin control will be scaled to fit this height
spinWidth	Integer	The width of one of the spin control buttons. The textures for this spin control will be scaled to fit this width
spinPosX	Integer	The horizontal position of the spin control for multipage panels. This is offset from the top left of the list
spinPosY	Integer	The vertical position of the spin control for multipage panels. This is offset from the top left of the list
scrollbarbg	String
scrollbartop	String
scrollbarbottom	String
scrollbarwidth	Integer	Width of scrollbar. Default is 15.
scrollbarXOff	Integer	Set a negative value to move the scrollbar to the left, or a positive value to move it to the right. Default is 0.
scrollStartDelaySec	Integer
scrollOffset	Integer
textureUp	String	The up button texture for the spin control
textureDown	String	The down button texture for the spin control
textureUpFocus	String	The up button texture for the spin control when it's focused
textureDownFocus	String	The down button texture for the spin control when it's focused
imageFolder [mask]	String
mask	String	specify a mask that defines the areas of the images that are drawn to screen. See Image Masks for more information.
imageFolderFocus [mask]	String
mask	String	specify a mask that defines the areas of the images that are drawn to screen. See Image Masks for more information.
thumbPosXBig	Integer	Offset of the thumbnail image from the item's position in Large mode
thumbPosYBig	Integer	Offset of the thumbnail image from the item's position in Large mode
thumbWidthBig	Integer	Width of the thumbnail image in Large mode. This defines the maximum size of the thumbnail
thumbHeightBig	Integer	Height of the thumbnail image in Large mode. This defines the maximum size of the thumbnail
folderPrefix	String
folderSuffix	String
textXOff	Integer
textYOff	Integer
zoomXPixels	Integer
zoomYPixels	Integer
hideUnfocusTexture	Boolean
renderFocusText	Boolean	yes -> shows the label of the item when it has focus, no -> hide text when focused
renderUnfocusText	Boolean	yes -> shows the label of items that don't have focus, no -> hide text when not focused
unfocusedAlpha	Integer
spinCanFocus	Boolean
frameNoFocus [mask]	String	The frame texture when it's not focused
mask	String	specify a mask that defines the areas of the images that are drawn to screen. See Image Masks for more information.
frameFocus [mask]	String	The frame texture when it's focused
mask	String	specify a mask that defines the areas of the images that are drawn to screen. See Image Masks for more information.
showFrame	Boolean	Enabel Frames on top of the Thumbs
keepaspectratio	Boolean	Set if the aspectratio of the texture needs to be preserved during rendering. Defaults false.
textureMask	String	specify a mask that defines the areas of the images that are drawn to screen. See Image Masks for more information.

Inherited by Control

See Control for the full documentation of this control.

Element Name	Data Type	Description
id	Integer	The id of the control. The id will couple the skin file to the code, so if we later on want to check that a user pressed a button, the id will be required and must be unique. For controls that will never be referenced in the code it is safe to set it to "1"
description	String	An optional description of the control for your reference
type	String	The type of the control, for instance "button", "label", "textbox" and all other controls.
posX	Integer	The X-position on the window for this control
posY	Integer	The Y-position on the window for this control
width	Integer	The width of this control
height	Integer	The height of this control
onleft	Integer	The control id to move the focus to when the user moves left. If not specified (or zero) MediaPortal will find the closest control in that direction to move to
onright	Integer	The control id to move the focus to when the user moves right. If not specified (or zero) MediaPortal will find the closest control in that direction to move to
onup	Integer	The control id to move the focus to when the user moves up. If not specified (or zero) MediaPortal will find the closest control in that direction to move to
ondown	Integer	The control id to move the focus to when the user moves down. If not specified (or zero) MediaPortal will find the closest control in that direction to move to
colordiffuse	Long	Allows you to mix a color & a graphics texture. E.g. If you have a graphics texture like a blue button you can mix it with a yellow color diffuse and the end result will be green. Defaults to 0xFFFFFFFF
dimColor	Integer	Color for a control when it is not focussed. Defaults to half transparent (0x60ffffff)
onfocus	String	[Since 1.3] Executes a MediaPortal skin function when the control gains focus. See Skin Settings for more information.

XML Examples

<control>
    <description>default thumbnail panel</description>
    <type>thumbnailpanel</type>
    <id>11</id>
    <posX>88</posX>
    <posY>110</posY>
    <width>1179</width>
    <height>592</height>
    <spinWidth>40</spinWidth>
    <spinHeight>30</spinHeight>
    <spinPosX>1107</spinPosX>
    <spinPosY>682</spinPosY>
    <spinAlign>Right</spinAlign>
    <spinColor>ffffffff</spinColor>
    <textureUp>page_up_nofocus.png</textureUp>
    <textureDown>page_down_nofocus.png</textureDown>
    <textureUpFocus>page_up_focus.png</textureUpFocus>
    <textureDownFocus>page_down_focus.png</textureDownFocus>
    <itemWidth>145</itemWidth>
    <itemHeight>145</itemHeight>
    <textureWidth>112</textureWidth>
    <textureHeight>112</textureHeight>
    <thumbWidth>103</thumbWidth>
    <thumbHeight>105</thumbHeight>
    <thumbPosX>4</thumbPosX>
    <thumbPosY>2</thumbPosY>
    <imageFolder>icon_empty_nofocus.png</imageFolder>
    <imageFolderFocus>icon_empty_focus.png</imageFolderFocus>
    <font>font10</font>
    <selectedColor>ffffffff</selectedColor>
    <textcolor>ffffffff</textcolor>
    <colordiffuse>ffffffff</colordiffuse>
    <remoteColor>ffFFA075</remoteColor>
    <downloadColor>ff80ff80</downloadColor>
    <scrollStartDelaySec>1</scrollStartDelaySec>
    <textureWidthBig>192</textureWidthBig>
    <textureHeightBig>135</textureHeightBig>
    <itemWidthBig>252</itemWidthBig>
    <itemHeightBig>177</itemHeightBig>
    <thumbWidthBig>149</thumbWidthBig>
    <thumbHeightBig>105</thumbHeightBig>
    <thumbPosXBig>21</thumbPosXBig>
    <thumbPosYBig>15</thumbPosYBig>
    <thumbZoom>yes</thumbZoom>
    <enableFocusZoom>yes</enableFocusZoom>
    <textXOff>0</textXOff>
    <textYOff>0</textYOff>
    <showFrame>true</showFrame>
    <frameNoFocus>icon_empty_nofocus.png</frameNoFocus>
    <frameFocus>icon_empty_focus.png</frameFocus>
    <zoomXPixels>30</zoomXPixels>
    <zoomYPixels>30</zoomYPixels>
    <hideUnfocusTexture>no</hideUnfocusTexture>
    <renderFocusText>no</renderFocusText>
    <renderUnfocusText>yes</renderUnfocusText>
  </control>

Tag page (Edit tags)

No tags

Go to top

Site navigation

Last Edit

Thumbnailpanel

Table of contents

Description

Changelog

Tags

Thumbnailpanel

Inherited by Control

XML Examples

Running the latest version?

MediaPortal Media Center

MediaPortal RSS Feeds

Team-MediaPortal