javascript window dhtml form javascript layer open window in javascript close window size layer movement manipulation create layer form message box javascript

PRODUCTS

JavaScript Projects

PHP Projects

Javascript Tools

SUPPORT

Standard vs PRO

FAQ

Contacts

Site Map

CODETHAT

Downloads

Users Testimonials

Our Customers

STUDIO   GRID   TABLE   MENU   TREE   XPBAR   HINT   EDITOR   TAB   FORM   CALENDAR   SCROLLER   SHOPPINGCART   TREEPHP   PACKER

User Manual

Introduction

Form style

Form action

On-line Builder

Layered Form

Simple Window

123Guide

Examples

Download

Themes

FAQ

BUILDER FOR LAYERED FORMS

There is an online CodeThatForm Builder for Layered Form.

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

To see the result at our web site click 'Show me a preview' button.

In case you've only download Standard version you're getting CodeThatForm Builder for Simple Window.

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

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

Read CodeThatForm User Manual to learn more about CodeThatForm.

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 CodeThatSDK and CodeThatForm Layered script.

Also you should specify path to Styles file (CSS) and Images directory.
CodeThatSDK (relative): codethatsdk.js
CodeThatForm Layered (relative): codethatform_layered.js
Styles file (CSS): s.css
Images directory (on a website, required for code generation): img/
 

Main Properties

Size
Width * Height *

Position
Top (y): Left (x):

z-index:
 

Style Settings

When you're specifying colors you can both type an appropriate value to the control or click Choose button and pick color from the dialog box.

When you're specifying images you can both type an appropriate value to the control or click Browse button and and choose image file.
Background color:
Background image:
CSS class:

Border:
Width: Color:
Window opacity (for IE 5.5+):
Advanced filter settings (for IE 5.5+):
 

Caption Properties
Caption text:
Caption height:
Background color:
Background image:
CSS class:
 

System Menu Buttons

Any button can be omitted. To do this, leave "button image" field empty.

Hint: In case all the buttons must have the same size you can fill fields just for Minimize button and then click 'Set this size for all' button.

Minimize
Width: Height:
Image:
Image when hovered:

Maximize
Width: Height:
Image:
Image when hovered:

Close
Width: Height:
Image:
Image when hovered:

Restore
Width: Height:
Image:
Image when hovered:
 

Window Contents: Text Or HTML Code

    

Get Your Result!

[ Home ]  [ Contacts ]  [ Site Map ]  [ News ]  [ Links ]  [ Downloads ]

[ Go Top ]

© CodeThat.com, 2003-2010
Design by XTLabs, Inc
Sponsored by Rocket Division Software, LTD.