User Manual
Samples

Introduction    Style customize    Bar position    Items' actions

HTML code as items' text    XPBar from the database

Change XPBar Behaviour    Standard vs PRO

On-line Builder

PRO

STD

123Guide   

Order PRO Now    FAQ

CODETHATXPBAR USER MANUAL

Definition of Xpbar and Bar's Items Position

CodeThatXPBar supports an ability of absolute and relative positioning.

"position" : {
	"absolute" : true, "pos" : [200, 40]
}

In this example the bar is created with absolute positioning and we put it at the point (200, 40). When "absolute" property is set in false, it means the menu is created with relative positioning.

The following example illustrates the case of center positioning of the bar:

"position" : {
	"absolute" : false, "align" : "center"
}

Also you can

specify item width/height (size property),

define text alignment - left/right/center/middle (align property)

set default item's offset (itemoffset property)

specify bar size in case you'd like to set non-default values that were calculated automatically (fixwidth/fixheight properties)

For example see the following:

"style" :
{
	"size" : [100, 25],
	"align" : "center",
	"itemoffset" : {
		"x" : 5, "y" : 1
	},
	"fixheight" : 250
}

Example - XPBar and XPBar's items Positioning

You can see an example and complete code here - XPBar and XPBar's items Positioning Example

Read more about CodeThatXPBar >>

© CodeThat.com, 2003-2005
Design by XTLabs, Inc.