CodeThatXPBar STD BUILDER 

There is an online CodeThatXPBar Builder for STD version.

Fill an appropriate fields, then click 'Build script' button and paste code from the Result window to your web page.

To see the result at our web site click 'Preview' button.

You'll get CodeThatXPBar Builder for STD version when purchase CodeThatXPBar STD.

In case you've only download Standard version you're getting CodeThatXPBar Builder for STD version.

Please keep in mind - fields marked (*) are required.

 Read Standard vs PRO to know the differences between CodeThatXPBar Standard and STD.

Read CodeThatXPBar User Manual to learn more about CodeThatXPBar.

 Common settings: paths

You can't change standard paths at online version because at the other case script can't fine correct path and builder can't create correct html-code.

But at the offline version you should type at the fields bellow correct paths to SDK and CodeThatXPBar script.

Also you should specify path to Styles file (CSS) and Images directory.

CodeThatXPBar STD Script: ../Scripts/codethatxpbarstd.js
SDK path: ../Scripts/codethatsdk.js
Styles file (CSS): common_codethat.css
Images directory (on a website, required for code generation): img/

 Main Settings

Position  px   Y  px

 Style Settings

CSS class
Item offset     Y 
Size Width     Height 
Define fixed item size   Width     Height 
Text color
Custom text color (HEX)
Background image
Background color color
Custom background color (HEX)
Text alignment
Bullet image for non - submenu (bar) or plain (tree) items or default    Width    Height 
Bullet image for submenu items    Width    Height 
Bullet image for open submenu with items    Width    Height 
Image for the end item bullet when in "on" or "opened" state    Width    Height 
Image for the end item bullet when in "off" or "closed" state    Width    Height 
Z-index

 Shadow parameters

Create shadow
Shadow color
Custom shadow color (HEX)
Width

 Border parameters

Create border
Border color
Custom border color (HEX)
Width

 Scroller settings

Specify scroller parameters     

 "Mouseover" style settings

Define menuitem style when in "mouseover" state       
  

 "Mouseon" style settings

Define menuitem style when in "mouseon" state       
  

 Scroller style settings when in "mouseover" state

Define scroller style when in "mouseover" state       
  

 Items settings

       
(Select item and click on 'Add item' to add an item below selected item)

 Build the script