Guide.xml - getting rid of the space around the channel icons

[jksmurf]

A recent post on skinning reminded me that while I had somehow modified the skin for the TVGuide to show ONLYthe icons, I had not yet got around to getting rid of the space around these icons.

Can someone point out which numbers I need to modify, in which direction, to achieve this?
I am assuming it is Guide.xml in C:\Users\Public\NPVR\Skin\Default\TV Guide.

Thanks,

k.

Code:

<Skin> <Element name="GuideDateTime" location="1.55,12.36" size="15.45,3.86" alpha="255"> <RoundedRect location="0,1" size="110,130" fillColor="Guide_Timeline" borderColor="Transparent" radius="1.55" borderWidth="0"/> <Rect location="0,92" size="50,6.95" fillColor="Accent1_Horizontal_FadeIn"/> <Rect location="49.9,92" size="50.1,6.95" fillColor="Accent1_Horizontal_FadeOut"/> <Text text="@dateTime" location="0,0" size="100,100" font="DefaultMinimum" align="Center" valign="Center"/> </Element> <Element name="GuideTimeLine" location="17.77,12.36" size="80.68,3.86" alpha="255"> <RoundedRect location="-10,1" size="110,130" fillColor="Guide_Timeline" borderColor="Transparent" radius="1.55" borderWidth="0"/> <Rect location="0,92" size="50.1,6.95" fillColor="Accent2_Horizontal_FadeIn"/> <Rect location="50,92" size="50,6.95" fillColor="Accent2_Horizontal_FadeOut"/> <Image source="@recordingHighlight" location="0,0" size="100,90"/> <Text text="@0minutes" location="@0minutesX,0" size="100,100" font="DefaultMinimum" align="Left" valign="Center"/> <Text text="@30minutes" location="@30minutesX,0" size="100,100" font="DefaultMinimum" align="Left" valign="Center"/> <Text text="@60minutes" location="@60minutesX,0" size="100,100" font="DefaultMinimum" align="Left" valign="Center"/> <Text text="@90minutes" location="@90minutesX,0" size="100,100" font="DefaultMinimum" align="Left" valign="Center"/> <Text text="@120minutes" location="@120minutesX,0" size="100,100" font="DefaultMinimum" align="Left" valign="Center"/> <Text text="@150minutes" location="@150minutesX,0" size="100,100" font="DefaultMinimum" align="Left" valign="Center"/> <Text text="@180minutes" location="@180minutesX,0" size="100,100" font="DefaultMinimum" align="Left" valign="Center"/> <Text text="@210minutes" location="@210minutesX,0" size="100,100" font="DefaultMinimum" align="Left" valign="Center"/> </Element> <Element name="Guide" location="17.77,16.6" size="80.68,6.12" alpha="255" visibleChannels="8" wrapText="false" backgroundColor="backgroundColor" selectedColor="selectedColor" recordingColor="recordingColor" recordingSelectedColor="recordingSelectedColor"> <Rect location="0,0" size="100,100" fillColor="Black"/> </Element> <Element name="Channels" location="1.55,16.6" size="15.45,6.12" alpha="255" clearBeforeRender="true"> <Rect location="0.2,0" size="99.6,100" fillColor="Channels"/> <!-- <Text text="@number" location="3,0" size="94,100" font="DefaultMinimum" align="Left" valign="Center"/> --> <Text text="@name" visible="[email=!@hasChannelIcon]!@hasChannelIcon[/email]" location="26,0" size="72,100" font="DefaultMinimum" align="Right" valign="Center"/> <!-- <Text text="@name" visible="@hasChannelIcon" location="46,0" size="52,100" font="DefaultMinimum" align="Right" valign="Center"/> --> <Image source="@icon" location="21,2" size="26,96" fixedAspectRatio="true" /> </Element> <Element name="SelectedShowDetails" location="1.55,67.36" size="96.9,24.72" alpha="255"> <RoundedRect location="0,-8" size="100,108" fillColor="Guide_Description" borderColor="Transparent" radius="2.32" borderWidth="0"/> <Rect location="0,0" size="50,1.15" fillColor="Accent2_Horizontal_FadeIn"/> <Rect location="49.95,0" size="50.05,1.15" fillColor="Accent2_Horizontal_FadeOut"/> <Text text="@titleSubtitle" location="1.55,3.09" size="96.9,20" font="Title1" borderColor="Border2" outlineWidth="1" align="Left"/> <Text text="@shortperiod" location="1.55,3.09" size="96.9,20" font="Title1" borderColor="Border2" outlineWidth="1" align="right"/> <Text text="@description" location="1.55,21.55" size="96.9,73.8" font="DefaultSmall" borderColor="Border2" outlineWidth="1" wrap="true"/> </Element> <Element name="CurrentTimeAbove" location="0,0" size="1.15,1.15"> <Image source="..\_Common\Down.png" location="0,0" size="100,100"/> </Element> <Element name="CurrentTimeBelow" location="0,0" size="1.15,1.15"> <Image source="..\_Common\Up.png" location="0,0" size="100,100"/> </Element> </Skin>

[sub]

You'd have to reduce the width of the channel header. It's currently 15.45% of the width of the screen.

<Element name="Channels" location="1.55,16.6" size="15.45,6.12"....

When you do that, you'll probably have to increase the width of the icon. It currently uses 26% of the channel header (which itself uses 15.45% of the screen width).

<Image source="@icon" location="21,2" size="26,96"

You'd probably move the guide a bit further left (currently starts 17.77% across the screen), and make it a bit wider (currently 80.68%).

<Element name="Guide" location="17.77,16.6" size="80.68,6.12"

and make matching changes to the timeline:

<Element name="GuideTimeLine" location="17.77,12.36" size="80.68,3.86"

[johnsonx42]

<Element name="GuideDateTime" location="1.55,12.36"

and find some other place to display the GuideDateTime ("Mar 04 Sunday" in the screenshot) as it will overlap the new timeline location... perhaps move it up a bit

[jksmurf]

Code:

<Skin> <Element name="GuideDateTime" location="1.55,12.36" size="15.45,3.86" alpha="255"> <RoundedRect location="0,1" size="110,130" fillColor="Guide_Timeline" borderColor="Transparent" radius="1.55" borderWidth="0"/> <Rect location="0,92" size="50,6.95" fillColor="Accent1_Horizontal_FadeIn"/> <Rect location="49.9,92" size="50.1,6.95" fillColor="Accent1_Horizontal_FadeOut"/> <Text text="@dateTime" location="0,0" size="100,100" font="DefaultMinimum" align="Center" valign="Center"/> </Element> <Element name="GuideTimeLine" location="[color=#FF0000][B]7.77[/B][/color],12.36" size="[color=#FF0000][B]99.68[/B][/color],3.86" alpha="255"> <RoundedRect location="-10,1" size="110,130" fillColor="Guide_Timeline" borderColor="Transparent" radius="1.55" borderWidth="0"/> <Rect location="0,92" size="50.1,6.95" fillColor="Accent2_Horizontal_FadeIn"/> <Rect location="50,92" size="50,6.95" fillColor="Accent2_Horizontal_FadeOut"/> <Image source="@recordingHighlight" location="0,0" size="100,90"/> <Text text="@0minutes" location="@0minutesX,0" size="100,100" font="DefaultMinimum" align="Left" valign="Center"/> <Text text="@30minutes" location="@30minutesX,0" size="100,100" font="DefaultMinimum" align="Left" valign="Center"/> <Text text="@60minutes" location="@60minutesX,0" size="100,100" font="DefaultMinimum" align="Left" valign="Center"/> <Text text="@90minutes" location="@90minutesX,0" size="100,100" font="DefaultMinimum" align="Left" valign="Center"/> <Text text="@120minutes" location="@120minutesX,0" size="100,100" font="DefaultMinimum" align="Left" valign="Center"/> <Text text="@150minutes" location="@150minutesX,0" size="100,100" font="DefaultMinimum" align="Left" valign="Center"/> <Text text="@180minutes" location="@180minutesX,0" size="100,100" font="DefaultMinimum" align="Left" valign="Center"/> <Text text="@210minutes" location="@210minutesX,0" size="100,100" font="DefaultMinimum" align="Left" valign="Center"/> </Element> <Element name="Guide" location="[color=#FF0000][B]7.77[/B][/color],16.6" size="[color=#FF0000][B]99.68[/B][/color],6.12" alpha="255" visibleChannels="8" wrapText="false" backgroundColor="backgroundColor" selectedColor="selectedColor" recordingColor="recordingColor" recordingSelectedColor="recordingSelectedColor"> <Rect location="0,0" size="100,100" fillColor="Black"/> </Element> <Element name="Channels" location="[color=#FF0000][B]-0.80[/B][/color],16.6" size="[color=#FF0000][B]7.45[/B][/color],6.12" alpha="255" clearBeforeRender="true"> <Rect location="0.2,0" size="99.6,100" fillColor="Channels"/> <!-- <Text text="@number" location="3,0" size="94,100" font="DefaultMinimum" align="Left" valign="Center"/> --> <Text text="@name" visible="!@hasChannelIcon" location="26,0" size="72,100" font="DefaultMinimum" align="Right" valign="Center"/> <!-- <Text text="@name" visible="@hasChannelIcon" location="46,0" size="52,100" font="DefaultMinimum" align="Right" valign="Center"/> --> <Image source="@icon" location="21,2" size="[color=#FF0000][B]95[/B][/color],96" fixedAspectRatio="true" /> </Element> <Element name="SelectedShowDetails" location="1.55,67.36" size="96.9,24.72" alpha="255"> <RoundedRect location="0,-8" size="100,108" fillColor="Guide_Description" borderColor="Transparent" radius="2.32" borderWidth="0"/> <Rect location="0,0" size="50,1.15" fillColor="Accent2_Horizontal_FadeIn"/> <Rect location="49.95,0" size="50.05,1.15" fillColor="Accent2_Horizontal_FadeOut"/> <Text text="@titleSubtitle" location="1.55,3.09" size="96.9,20" font="Title1" borderColor="Border2" outlineWidth="1" align="Left"/> <Text text="@shortperiod" location="1.55,3.09" size="96.9,20" font="Title1" borderColor="Border2" outlineWidth="1" align="right"/> <Text text="@description" location="1.55,21.55" size="96.9,73.8" font="DefaultSmall" borderColor="Border2" outlineWidth="1" wrap="true"/> </Element> <Element name="CurrentTimeAbove" location="0,0" size="1.15,1.15"> <Image source="..\_Common\Down.png" location="0,0" size="100,100"/> </Element> <Element name="CurrentTimeBelow" location="0,0" size="1.15,1.15"> <Image source="..\_Common\Up.png" location="0,0" size="100,100"/> </Element> </Skin>

Finally got around to doing this, as attached, for reference, thanks all!
Quick Q. How di display Mmm dd ONLY (not day)?

k.

[sub]

You can try replacing that "@dateTime" in <Element name="GuideDateTime"> with "@dateTime2" through "@dateTime7" to see if any of the other formats suit you better.

[jksmurf]

You can try replacing that "@dateTime" in <Element name="GuideDateTime"> with "@dateTime2" through "@dateTime7" to see if any of the other formats suit you better.

<Text text="@dateTime6" location="0,0" size="100,100" font="DefaultMinimum" align="Left" valign="Center"/>

Cheers!

k.