Adding a Button

 

By clicking the Icon to the left in the toolbox you will open the above window. This will add a Button to your skin.
Explaination of fields.

Descripton: This is basicly for you so if you have to look in the code of the skin file you can easily find the control you want.
ID: As with the skin this is a unique identifer for the buttons.
XPos: This is the horizontal position of the Button.
YPos: This is the vertical position of the Button.
Width: xForm will fill this in for you. But its Image width
Height: xForm will fill this in for you. But its Image hieght.
Align: The alignment of the text on the Button if it has a Label. Currently xForm doesn't show the alignment graphially
Font: Size of the font used.
Label: The label show on the button.
Hyperlink: This is a link to another page in your skin and references to the skin ID so if you put 6 in there when click on in XBMC it will transfer you to the page with 6 as the ID.
TextX and TextY Offset: The offset of the Label.

Up, Down, Left and Right: In XBMC when the button is highlighted by pressing the direction on the pad it will select control the control with the ID matching the Direction pressed. (Hope you understand that.

To change Colors click on the square box next to it and it will open a color pick dialog box.

Once you browsed for you images and have selected it. xForm will fill in its width and hieght then just click the update button on this window to Update the skin window with you lovely new Button. If your happy Click save and your away

When you Control is added to your skin you can edit it by clicking on it.