Noob skinning help - borders, scroll bars and mini-guide (1 Viewer)

Alphathon

Portal Pro
July 15, 2010
64
8
Scotland Scotland
I'm currently working on a skin specifically for desktop use with a 16:10 monitor (based upon DefaultWide), but I'm having some trouble getting some things to work.

First, I can't for the life of me figure out how to get borders to work. All I really want to use them for is to show highlighted items in the TV guide, but I can't get anything (guide items, images, buttons…) to display a border. I've had a look in the wiki but it isn't much help - it tells you what parameters to use but not how to actually use borders themselves, and it doesn't give any examples either.

The second issue is with scroll bars. I have mouse controls enabled in the settings, and the bars seem to be there (I can click and drag at the side of list controls etc and it works like a scroll bar would) but they are not visible. I have tried manually adding textures, but that doesn't seem to work. As I understand it, this may have something to do with it being based on DefaultWide.

Thirdly, I want to add a channel list to the main page of MyTV, rather than using an overlay (i.e. the mini guide). Ideally I'd like to put the full mini-guide on there (now and next, recording info etc) but a list of channels with their logos (and a way to change channel groups) would be sufficient. On a related note, is is possible to put a "change group" button (like is found on the full guide) on either the MyTV home screen or the mini-guide?

Edit:
Oh, and one more thing. I assume this isn't possible, but it can't hurt to ask. Is it possible to add context-sensitive right-click menus, for example in the recorded tv section? Basically I'm wondering if the overlays can be turned into more menu-like items with dynamic positions based on where the cursor is.
 
Last edited:

Shangostar

MP Donator
  • Premium Supporter
  • December 27, 2009
    438
    125
    Somerset
    United Kingdom United Kingdom
    For border try

    Code:
    <imageFolderFocus>border.png</imageFolderFocus>
    Not sure if it will be the same in tv guide but thats how streamedMP adds borders to focused items, cd covers, dvd covers etc.

    Install some other skins, find one that has borders and look at their code to see how they do it.
     
    Last edited:

    Alphathon

    Portal Pro
    July 15, 2010
    64
    8
    Scotland Scotland
    That only really works for fixed-shape items though - the reason I want to use borders is so that it can be a fixed thickness regardless of how wide the item is (in this case the guide entry which can vary wildly depending on the duration of the program). What I am referring to is actual coded borders, which are documented here. Unfortunately, when I use the code shown there, it has no effect.

    Edit: Actually, looking at the example code again, I think I may have noticed what I was doing wrong when using it on images, not that that helps when using on the guide entries, since it doesn't use the same syntax.
     
    Last edited:

    Shangostar

    MP Donator
  • Premium Supporter
  • December 27, 2009
    438
    125
    Somerset
    United Kingdom United Kingdom
    I just tried it on a poster using the code and image provided in the wiki and it works but i dont have tv card to try it in the guide.
     

    Alphathon

    Portal Pro
    July 15, 2010
    64
    8
    Scotland Scotland
    OK, I seem to have found how to do it on standard buttons, but it doesn't seem to work on the "button3part" used to define the guide info. I.e. this works:
    Code:
    <textureFocus texture="previewbackground.png" textureRotate="yes" textureRepeat="no" border="5" >tvguide_button_selected_middle.png</textureFocus>
    But this does not:
    Code:
    <textureFocusedMid texture="previewbackground.png" textureRotate="yes" textureRepeat="no" border="5" >tvguide_button_selected_middle.png</textureFocusedMid>
     

    redeye19987

    Portal Pro
    May 4, 2009
    89
    30
    Melbourne
    Australia Australia
    Hi Alphaton,
    This should fix your borders issue:
    If you are on 1.3 Alpha borders will work however you will need to have the following image in your media folder:
    tvguide_highlight_border.png
    This is simply a 1x1 pixel white image (see default wide example). You then set the colour in Configuration GUI > Edit Skin Settings (TV Guide tab > Colors tab)
    If you have this already you will need to activate borders either in the settings screen of the GUI (if you have skinned that control) or in the above skin settings area.

    With your Scroll bar issue:
    I believe you will need to include the scroll bar textures in the list control if you wish to use them. The controls are below:
    scrollbarbg
    scrollbartop
    scrollbarbottom

    see Listcontrol and Listcontrol_Scrollbar


    Justin
     

    Alphathon

    Portal Pro
    July 15, 2010
    64
    8
    Scotland Scotland
    If you are on 1.3 Alpha borders will work...
    I'm on 1.2.3 unfortunately. Also, I'm not wanting borders just as a highlight, but on all forms (highlighted/unhighlighted, recordings, "on now"... although the colour will vary depending on what it is)

    I believe you will need to include the scroll bar textures in the list control if you wish to use them. The controls are below:
    scrollbarbg
    scrollbartop
    scrollbarbottom

    see Listcontrol and Listcontrol_Scrollbar
    That fixed it, thanks. Kinda stupid that it's not listed under the scrollbar wiki page itself though. There seems to be an awful lot of that kind of thing in the wiki. :/
     

    redeye19987

    Portal Pro
    May 4, 2009
    89
    30
    Melbourne
    Australia Australia
    Still not sure if I understand your borders query? The one I am referring to is a border for the current selected item. You cannot currently have a different color for each different item though. This is a relatively new feature that was implemented to work with the new genre colors functionality.
     

    Alphathon

    Portal Pro
    July 15, 2010
    64
    8
    Scotland Scotland
    Hmm, I could've sworn I'd already replied to this. Oh well, better late than never I suppose. Basically what I want to do is put an outline around the guide items. This is a stylistic/aesthetic choice not a functional one and has nothing to do with selection/highlighting. As such it would apply regardless of whether an item was selected.

    If this were any other item, I'd probably just do it by adding an outline to the texture (as I have done on various other parts of the skin already), but since the width of the items changes depending on how long the program is, I wanted to use a code-based border like can be applied to standard buttons, images etc. That way, the outline would remain consistent so wouldn't get all stretched and smudged on the sides on long programs, or shrunk to the point of invisibility on short ones. However, it would appear that this isn't possible on 3-buttons, or at least not in the same way as the other items.
     

    redeye19987

    Portal Pro
    May 4, 2009
    89
    30
    Melbourne
    Australia Australia
    Ok got ya! Yep, button3part has an overlay texture but it is only used for the inside of the button. To do this, you would essentially need to create an individually coded overlay for each of these buttons. And as you said, one for each different size if you wanted to avoid stretching. This of course then wouldn't work if a plugin developer used any buttons as you would essentially have to do a texture for each one if you skinned that particular plugin.
    Good luck! Hopefully you can figure something out?
     

    Users Who Are Viewing This Thread (Users: 0, Guests: 1)

    OP Similar threads Forum Replies Date
    RossMcivor I'm just not getting any results part from card/device name/ids, no card status's TV-Server 1
    D Obligatory noob thread - first impressions and gripes Newcomers Forum 19
    Rob Hexenmeister Quick question - skinning MyPics General Support 7
    ajs [Info] Pre 0.7 Beta - MPExtended, WebMP, Bootstrap skin by ajs - Hard way MPExtended 371
    S Touchscreen skin? MediaPortal 1 Talk 6
    azzuro [fixed] 5011: Version label in Splash screen - pos, size from skin MediaPortal 1 61
    catavolt [WiP] When changing theme in my skins, I always get this error message in logs MediaPortal 1 9
    joecrow MultiShortcut Plugin (Uavailable) in DWHD skin General Support 58
    V Skin With Menu Editor MediaPortal 1 Skins 13
    wizard123 New Skin Template ? MediaPortal 2 8
    Rob Hexenmeister [solved] Latest Media Handler - skinning buttons Fanart Handler 19
    CyberSimian [solved] MP1-4976 Built-in skin variables for current date MediaPortal 1 8
    Mr6686 [solved] Titan skin broken since update to 1.23 Installation, configuration support 6
    doskabouter Skin question Skins and Plugins Installer (MPEI) 1
    Y Titan Skin unter 1.23 nicht mehr so schön Allgemeines Supportforum 1
    framug 1.22.0 BasicHome Editor settings for DefaultWide HD skin not kept when update 1.22 3
    catavolt [solved] FanartHandler - Skin - Holiday and Spotlight support Fanart Handler 5
    ajs [fixed] 4936 - Strange behavior of the font in the skin MediaPortal 1 35
    ajs [solved] 4935: Add string.replace function to Skin engine MediaPortal 1 10
    ajs [solved] Latest Media Handler - Skin settings - Custom latests items number Fanart Handler 27
    Rob Hexenmeister [solved] Latests Media Handler - Skinning an updating window or control Fanart Handler 26
    T Skin Wechsel Installationsprobleme? 1
    JJDoherty Designing & implementing a new skin... Skins and Design 8
    D [fixed] Image browser crashing in Folder View (WMC skin) 2.2 Archive 10
    CyberSimian Do skin variables have global scope? MediaPortal 1 16
    Similar threads

























    Top Bottom