CodeThatMenu STD BUILDER 

There is an online CodeThatMenu 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 CodeThatMenu Builder for PRO version when purchase CodeThatMenu PRO.

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

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

 Read Standard vs PRO to know the differences between CodeThatMenu Standard and PRO.

Read CodeThatMenu User Manual to learn more about CodeThatMenu.

 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 CodeThatMenu script.

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

CodeThatMenu STD Script: ../Scripts/codethatmenustd.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
Menu offset  px   Y  px
Anchor
Side anchor
Timeout before menu is closed  milliseconds
Timeout before submenu is opened  milliseconds
Automatically close popup menu after the timeout (only for popup menu)

 Default Action Settings

URL
Target
Title(item hint)
JS code
JS code to evaluate when item is in "mouseover" state
JS code to evaluate when item is in "mouseout" state

 Style Settings

Type
CSS class
Box (container property)
Item offset (spacing between items in non-box mode)  px   Y  px
Direction
Size Width  px   Height  px
Align
Text color
Custom text color (HEX)
Background image
Background color color
Custom background color (HEX)
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  px

 Border parameters

Create border
Border color
Custom border color (HEX)
Width  px
Create top border       
Create bottom border       
Create left border       
Create right border       

 "Mouseover" style settings
Define menuitem style when in "mouseover" state       

 Items settings

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