Skinning variables

[MixMan]

This post is the start of documenting "optional" skinning variables and elements....for the Wiki
Sub....could you please comment with those that comes to you mind ?

Main Menu


<SpecialElement name="Buttons" loc="x,y" spacing="z" alwayCentered="true/false"
maxVisibleButtons="w" allowTopBottomWrap="true/false" showNumbers="true/false"/>
Specifies location of button position, number of visible buttons. When using arrow up/down to select function you can Center active button or allow Wrap of button when the last button is selected.

<SpecialElement name="TaskDescription" visible="true/false" loc="x,y" size="l,w" align="Left/Center/Right"/>
Position the description of a buttons functionality. Disable/make description invisible.

<SpecialElement name="TaskImage" visible="true/false" animate="true/false" loc="x,y" size="l,w"/>

<SpecialElement name="MoreUp" loc="x,y"/>
<SpecialElement name="MoreDown" loc="x,y"/>
MoreUp/MoreDown will position the arrows that are shown to guide user where more buttons are found.

<SpecialElement name="ForegroundTransparency" percent="x"/>
Will "dim" the GUI. Setting it to 100% is recommended

<SpecialElement name="Inset" loc="x,y" size="l,w"/>
Specifies location and area where the video window for TV or music visulisation is shown if the home key is pressed to the get to the main menu

<SpecialElement name="CloseButton" loc="x,y" size="l,w" />
Defines the area where a mouse click will close sub menu or exits program in main menu.

Main Menu Objects for SpecialElements

CloseButton Element needs an Image for Main Menu and the same in all Sub Menus
<CompositeImage name="Background" size="720,480">
<DrawImage filename="background.jpg" loc="0,0" size="720,480" />
<DrawImage filename="close_button.png" loc="x,y" size="35,35" />
</CompositeImage>



Panels
Panels are visual elements that will show status informtion for different sub menu functions.
Panels might be plugin DLL files. Panels XML files are located in the /panels dir.

Clock (Internal)
NextRecording (Internal)
MusicPanel (DLL)
VApanel (DLL)
News (DLL

<SpecialElement name="Panel" panelName="name" visible="true/false" transparency="0.0-1.0" loc="x,y" size="l,w"/>


Recordings Menu

<SpecialElement name="CurrentTime" loc="580,8" />


Variables that can be used in Menus

Rendering the mini-guide:

@channelIcon
@title
@duration
@description
@channelName
@recordingStatus (either "" or "Recording")
@datetime
@date
@time


Live preview TV OSD:

@channelIcon
@title
@description
@channelName
@subtitlesEnabled (either "" or "Subtitles Enabled")
@datetime
@date
@time


Timeshift TV OSD:

@channelIcon
@title
@duration
@description
@channelName
@recordingStatus (either "" or "Recording")
@datetime
@date
@time
@subtitlesEnabled (either "" or "Subtitles Enabled")


Pre-existing video playback OSD:

@currentVideoTitle
@durationText
@positionText
@description
@datetime
@time
@date
@subtitlesEnabled (either "" or "Subtitles Enabled")

[TTec]

So far this is what I have found for the Main Menu

<SpecialElement name="Buttons" loc="x,y" spacing="z" alwayCentered="true/false" maxVisibleButtons="w" allowTopBottomWrap="true/false" showNumbers="true/false"/>
<SpecialElement name="TaskDescription" visible="true/false" loc="x,y" size="l,w" align="Left/Center/Right"/>
<SpecialElement name="TaskImage" visible="true/false" animate="true/false" loc="x,y" size="l,w"/>
<SpecialElement name="MoreUp" loc="x,y"/>
<SpecialElement name="MoreDown" loc="x,y"/>
<SpecialElement name="ForegroundTransparency" percent="x"/>
<SpecialElement name="Inset" loc="x,y" size="l,w"/>
<SpecialElement name="Panel" panelName="name" visible="true/false" transparency="0.0-1.0" loc="x,y" size="l,w"/>
<SpecialElement name="CloseButton" loc="x,y" size="l,w" />

I'm sure there are more, we need sub to let us know what elements there are for us to "play" with

[MixMan]

Thanks TTec

I thought these where to obvious, since they are in all skins, but perhaps not. I will explain their functionality.....in time.

[sub]

These arent very easy to list, but I'll try to slowly chip away at it. Nearly everything that is available has been used in the Blue skin, or at least commented out in the blue skin as an example.

[sub]

Here are most of the variables that can be used for skinning the video OSD...


Rendering the mini-guide:

@channelIcon
@title
@duration
@description
@channelName
@recordingStatus (either "" or "Recording")
@datetime
@date
@time


Live preview TV OSD:

@channelIcon
@title
@description
@channelName
@subtitlesEnabled (either "" or "Subtitles Enabled")
@datetime
@date
@time


Timeshift TV OSD:

@channelIcon
@title
@duration
@description
@channelName
@recordingStatus (either "" or "Recording")
@datetime
@date
@time
@subtitlesEnabled (either "" or "Subtitles Enabled")


Pre-existing video playback OSD:

@currentVideoTitle
@durationText
@positionText
@description
@datetime
@time
@date
@subtitlesEnabled (either "" or "Subtitles Enabled")

[dinki]

This is great! Can't wait to see more ... Thanks!

It would be really nice if those who have written plugins could list the available variables for their plugin panels as well.

[MixMan]

Thanks Sub for providing the info.

[MixMan]

I just tried to write @record in the "live preview".....and it worked.
It is possible to add a record button in the OSD.
I will try other things to find out limitations and the possibilities for the OSD.
I'm going to make a BaseSkin" OSD. Any design suggestions :-) ?
Why do I ask ?

[tipstir]

Good to know these varables can be added to parts of the OSD coding, as I do like to see at times what's recording. I'll try them myself too! thanks sub!

[ShiningDragon]

WeatherPanel Plugin: (WeatherPlugin.dll Version 4.2.2344.12758)

@MessageWithIcon
@MessageWithoutIcon
@TemperatureWithIcon
@TemperatureWithoutIcon
@OutlookWithIcon
@OutlookWithoutIcon
@CityWithIcon <- should, but don't work
@CityWithoutIcon <- should, but don't work