MediaPortal Windows Media Center
MediaPortal Wiki > MediaPortal 1 > Contribute > Skins > Skin Architecture > Skin Controls > Thumbnailpanel

Thumbnailpanel

Was this page helpful?

    Description

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

    Changelog

    ChangeDateVersion
    Thumbnail Panel Frames2010/10/101.0.1 to 1.1.0
    Thumbnailpanel Scrollbar2010/11/051.1.0 to 1.2.0
    New color skin tag for DVD/BluRay folders2012/06/141.2.0 to 1.3.0
    Shadow text2010/10/101.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
    Running the latest version?

    V1.7.0 - released April 2014
    Releasenews | Download
    Changelog
     | Requirements
    HTPC
    Team-MediaPortal
     
    About
    Contact |  Press
    Partners