New skin tags

[MixMan]

I don't know where this should be posted really, for XML skinners to notice.
Here are my findings, so far, that I updated SharperEdge with.

Skin.xml - History with new or updated sections in Skin.xml

Version 96.08
---------------------------------------------------------------------------------------------------------------------------------

Main Menu Skin.xml

CompositeImages
ErrorMessagePopup is now configurable

<CompositeImage name="ErrorMessagePopup" size="720,480">
<DrawRoundedRect loc="20,100" size="670,200" radius="10" borderWidth="4" borderColor="LightGray" fillColor="Vertical:#000077-#000033"/>
<DrawText text="@errorMessage" loc="45,120" size="630,120" textStyle="TaskDescription" align="Center"/>
<Element name="OkButton" loc="275,245" size="166,45"/>
</CompositeImage>

SpecialElement
The new SpecialElement "Closebutton" may also have a correspondent image for each skin.
<SpecialElement name="CloseButton" loc="680,5" size="35,35"/>

The new SpecialElement "Inset" may also exist in each sub menu skin. It will show TV/Video or usic visualisation.
<SpecialElement name="Inset" loc="320,85" size="380,280"/>
---------------------------------------------------------------------------------------------------------------------------------
FM Radio Skin.xml

CompositeImages
Graphic can now be added to the Stations

<CompositeImage name="NormalStationItem" size="500,50">
<!-- DrawRoundedRect loc="3,3" size="485,43" radius="5" borderWidth="4" borderColor="LightGray" fillColor="Black"/ -->
<DrawImage filename="..\ListBarDetailNormal.png" loc="2,1" size="465,45"/>
<DrawText text="@station" loc="10,13" size="390,25" textStyle="StationName" align="Left"/> <DrawText text="@frequency" loc="320,15" size="135,25" textStyle="StationFrequency" align="RIght"/> </CompositeImage>

<CompositeImage name="SelectedStationItem" size="500,50">
<!-- DrawRoundedRect loc="3,3" size="485,43" radius="5" borderWidth="6" borderColor="LightGray" fillColor="DarkGreen"/ -->
<DrawImage filename="..\ListBarDetailSelected.png" loc="2,1" size="465,45"/>
<DrawText text="@station" loc="10,13" size="390,25" textStyle="StationNameFocus" align="Left"/>
<DrawText text="@frequency" loc="320,15" size="135,25" textStyle="StationFrequency" align="RIght"/> </CompositeImage>
---------------------------------------------------------------------------------------------------------------------------------
Recordings Skin.xml

<!-- delete confirmation popup -->
<CompositeImage name="DeleteConfirmationPopup" size="720,480">
<!-- DrawRoundedRect loc="180,130" size="435,170" radius="10" borderWidth="4" borderColor="White" fillColor="Black"/ -->
<DrawImage filename="..\Popup_Background.PNG" loc="170,130" size="435,170"/>
<DrawText text="@prompt" loc="190,145" size="490,50" textStyle="ButtonText" align="Left" visible="true"/>
<DrawText text="@itemToDelete" loc="190,200" size="410,22" textStyle="ButtonText" align="Left" visible="true"/>
<Element name="OK" loc="245,252" size="130,38"/>
<Element name="Cancel" loc="385,252" size="130,38"/>
</CompositeImage>
---------------------------------------------------------------------------------------------------------------------------------
Video Library Skin.xml

<!-- delete confirmation popup -->
<CompositeImage name="DeleteConfirmationPopup" size="720,480">
<!-- DrawRoundedRect loc="170,130" size="455,170" radius="10" borderWidth="4" borderColor="White" fillColor="Black"/ -->
<DrawImage filename="..\Popup_Background.PNG" loc="160,130" size="465,170"/>
<DrawText text="Are you sure you want to delete this file?" loc="180,145" size="480,40" textStyle="PopupText" align="Left" visible="true"/>
<DrawText text="@filename" loc="180,190" size="410,22" textStyle="ButtonText" align="Left" visible="true"/>
<Element name="OK" loc="265,252" size="130,38"/>
<Element name="Cancel" loc="395,252" size="130,38"/>
</CompositeImage>

<!-- transcode popups -->
<CompositeImage name="TranscodeSetupPopup" size="720,480">
<!-- DrawRoundedRect loc="90,130" size="570,195" radius="10" borderWidth="4" borderColor="White" fillColor="Black"/ -->
<DrawImage filename="..\Popup_Background.PNG" loc="90,130" size="570,195"/>
<DrawText text="Select the profile to use for this transcoding:" loc="105,145" size="480,30" textStyle="PopupText" align="Left" visible="true"/>
<Element name="FilenameHighlight" loc="70,175" size="590,45"/>
<DrawRoundedRect loc="107,175" size="530,45" radius="5" borderWidth="4" borderColor="White" fillColor="Vertical:#000077-#000033" visible="@filenameSelected"/>
<DrawText text="File: " loc="115,185" size="480,30" textStyle="PopupTags" align="Left" visible="true"/> <DrawText text="@targetFilename" loc="205,185" size="410,22" textStyle="PopupText" align="Left" visible="true"/>

<Element name="ProfileHighlight" loc="70,215" size="590,45"/>
<DrawRoundedRect loc="107,215" size="530,45" radius="5" borderWidth="4" borderColor="White" fillColor="Vertical:#000077-#000033" visible="@profileSelected"/>
<DrawText text="Profile: " loc="115,225" size="480,30" textStyle="PopupTags" align="Left" visible="true"/> <DrawText text="@profile" loc="205,225" size="480,30" textStyle="PopupText" align="Left" visible="true"/>
<Element name="Transcode" loc="235,272" size="130,38"/>
<Element name="Cancel" loc="365,272" size="130,38"/>
</CompositeImage>

<CompositeImage name="TranscodeInProgressPopup" size="720,480">
<!-- DrawRoundedRect loc="90,130" size="570,195" radius="10" borderWidth="4" borderColor="White" fillColor="Black"/ -->
<DrawImage filename="..\Popup_Background.PNG" loc="90,130" size="570,195"/>

<DrawText text="The following file is currently being transcoded:" loc="105,145" size="480,30" textStyle="PopupText" align="Left" visible="true"/>
<DrawText text="Source: " loc="115,185" size="480,30" textStyle="PopupTags" align="Left" visible="true"/> <DrawText text="@sourceFilename" loc="205,185" size="410,22" textStyle="PopupText" align="Left" visible="true"/>
<DrawText text="Target: " loc="115,225" size="480,30" textStyle="PopupTags" align="Left" visible="true"/> <DrawText text="@targetFilename" loc="205,225" size="410,22" textStyle="PopupText" align="Left" visible="true"/>
<Element name="Stop" loc="235,272" size="130,38"/>
<Element name="Exit" loc="365,272" size="130,38"/>
</CompositeImage>
</CompositeImages>

---------------------------------------------------------------------------------------------------------------------------------
ProcAmp Skin.xml
Remove space after : in following text strings. This will make the Video Controls translatable.
"Brightness: " > "Brightness:"
"Contrast: " > "Contrast:"
"Hue: " > "Hue:"
"Saturation: " > "Saturation:"

[dottore]

thanks! that will help....

[MixMan]

You are welcome Dottore. Thanks to you too. You have done a great job on BlueMCE2. I now understand how much time you must have put in to that skin. I must have a huge amount of hours finding tags in the XMLs.
By the way, have you seen the mods of MCE3 the Gold and Steel one?
The Gold one was really nice. You could make "skin packs" to BlueMCE2.

There are 2 thing I would like Sub to make more skinnable in the Recording xml

The manual popup screen.
Possibility to move selectabe items to the right, so the "tags", like Channel:, Date:, Name:, Prefix: could be longer.
...or have you found a way to position them ?

The Conflict popup does not seem to be skinnable.
...or have you found a way to skin it ?

[dottore]

the manual popup is really hard to edit. you can't do much...

i don't think, i find the time to make changes to bluemce2...i am busy with olbia at the moment ;-)

[reven]

one question, when is this used?

Code:

SpecialElement
The new SpecialElement "Closebutton" may also have a correspondent image for each skin.
<SpecialElement name="CloseButton" loc="680,5" size="35,35"/>

can it be used to display a "x" or whatever in a top right corner say and then let the user select it from the main menu, like mediaportal/xbmc etc?

[sub]

If it is defined, then when the user clicks in that area the it'll perform a close. On the main menu it'll close the application. On any other screen, it'll return to the main menu.

[MixMan]

I asked Sub to make the skins more "mouse friendly", because otherwise when you are in the Search or TVguide menu there is no way to return to main menu. Thanks to Sub that implemented my suggestion.
I have used the CloseButton in the SharperEdge subskins.
(The Advisor skin tutorial also have the close button)