Out of alignment

[Sam]

I cant find the right values in the xml to change the positions of the background frames. As you can see from this image they are all a bit wonky on the page for community 3 and my specific choices. I need to change the dvd label and main 3 boxes to be more in line on the page and the same width, and the menu to be a little lower on the left side.

[pastro]

The dvdlabel placement is called labeledtextbox.
Here is the skinhelper line for labeledtextbox

Code:

txtLabeledTextBox = new WizUiTextBox(skinHelper, "LabeledTextBox", args, "LabeledTextBoxImageNormal", "LabeledTextBoxImageSelected");

The Listboxes placements are listbox1 and listbox2.
Here is the skinhelper line for listbox1

Code:

lstMyList1 = new WizUiList(skinHelper, "ListBox1", this, null,
"ListBox1ListBackground", "ListBox1ListNormal", "ListBox1ListSelected", "ListBox1ListSelectedInactive");

and for listbox2

Code:

lstMyList2 = new WizUiList(skinHelper, "ListBox2", this, null,
"ListBox1ListBackground", "ListBox2ListNormal", "ListBox2ListSelected", "ListBox2ListSelectedInactive");

[SIZE=2]
[/SIZE]

[Sam]

My burndvdx2 xml file in skin2\community 3 folder looks little different. It is from the 1.0.1.1 installer. I've attached it incase you can take a look. I can change the two box sizes as you advised looking at the similar names. I can't however change the position and size of the details box at bottom and the second box has the white rows sticking out and seem to change size with the box. I want the white selection bits inside the box.

[Fatman_do]

Sam, I noticed this as well testing out a new theme. I'll try to get that fixed for the next release. The problem I have is that I use the BlueMCE2 theme to skin for, but it doesn't use list backgrounds. I will be using a new default theme shortly and it will make it more obvious that there are these sorts of problems.

Those lines of code shown above are not from the skin.xml file directly.


I believe the locations are controlled from here.

Code:

<Placement name="ListBox1"          loc="30.0,18.0"  size="67.0,6.5"  rows="4" offset="7.0"/>
        <Placement name="ListBox2"          loc="30.0,52.0"  size="67.0,7.5"  rows="3" offset="8.0"/>

Here is where those background frames are drawn from.

Code:

<CompositeImage name="ListBox1ListBackground" size="20.0,25.0" >
            <DrawCommonImage name="TextBackground"/>
        </CompositeImage>

I could be wrong on something, but if I beat you to the fix I'll post it here.

[Fatman_do]

What I had to do is change out the way those images were drawn so they could be scaled down. (DrawCommonImage is always shown at 100%)

I think this might cut it for the width. I still need to tweak the height.
Any other graphical problems, please post some more screen shots (you can do so in the Community thread so this doesn't get too cluttered). I don't run this plugin so I might not catch everything on all the sub-screens and menus.

Will get more progress later in the week, but you can try this.
[ATTACHMENT NOT FOUND]

[pastro]

Sam, I noticed this as well testing out a new theme. I'll try to get that fixed for the next release. The problem I have is that I use the BlueMCE2 theme to skin for, but it doesn't use list backgrounds. I will be using a new default theme shortly and it will make it more obvious that there are these sorts of problems.

Those lines of code shown above are not from the skin.xml file directly.


I believe the locations are controlled from here.

Code:

<Placement name="ListBox1"          loc="30.0,18.0"  size="67.0,6.5"  rows="4" offset="7.0"/>
        <Placement name="ListBox2"          loc="30.0,52.0"  size="67.0,7.5"  rows="3" offset="8.0"/>

Here is where those background frames are drawn from.

Code:

<CompositeImage name="ListBox1ListBackground" size="20.0,25.0" >
            <DrawCommonImage name="TextBackground"/>
        </CompositeImage>

I could be wrong on something, but if I beat you to the fix I'll post it here.

Like Fatman said those aren't the lines from the skin file. They are the lines of code from the plugin that specifies what placements are called out in the skin file. Sorry I didn't make that clear.

[Sam]

[HTML]They are the lines of code from the plugin that specifies what placements are called out in the skin file.[/HTML]

I'm way more stupid to understand that line. I just know that for the community skin3 folder, if I edit the skin.xml in the subdirectory for the plugin I'm using sometimes things change position. There is no standard names for the images and frames so it's hit and miss.

Please can you tell me what directory I should look in and what file I should edit to make those selection boxes in burndvdx2 get back inside the frame and the last box get back in line with others above?

FYI, I only use community3 now and pvrx2 with longhorn backdrop and green orb task icons.

[Fatman_do]

Sam, try the xml file I posted a few message up. The height of the list items are not controlled enough to make it look much better, but I did change the length and offset.

[Sam]

Thanks, it looks a lot better. The bottom box is still not lining up, and the box corners are not quite round (maybe cos of 16:9 TV), but the 4 selection lines are inside the frame now. I move the left menu down a little.

[Sam]

Here's how it looks now.