User
Manual

Introduction    Style customize    Items and actions    Scroller configuration

Scroller effects    Scroller preload    Comments and view    Standard vs PRO

On-line Builder

PRO

STD

123Guide   

Order PRO Now    FAQ

CODETHATSCROLLER STD BUILDER

There is an online CodeThatScroller 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.

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

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

Read CodeThatScroller User Manual
Samples to learn more about CodeThatScroller.

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

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

CodeThatSDK (relative):
CodeThatScroller (relative):
Styles file (CSS):

Main Settings:

Scroller can work at one of the following modes:

When the mode is "scroll", items are scrolled through the view from one to another

When the mode is "slide", items stay in the view area and various visual MSIE effects can be applied.

Show modes

Style Settings:

Keep in mind that all style settings described below are applicable either for the scroller control in whole or for every html/image object inside of this control.

To learn more about html/image object inside of the scroller click here.

Width px
Height px
CSS class
Color (predefined)
Custom color (HEX)
Backgroung image
Background color (predefined)
Custom background color (HEX)
Align

View Style Settings:

You can use view property to describe the view area within a widget.

Width px
Height px
Offset X px Y px

Scroller Positioning:

X
Y

Scrolling Configuration:

You can control scroller behaviour by using toolbar.

Scrolling type
Step
Timeout between scrolling steps (in milliseconds)
Scrolling direction
Pause between items are scrolled from one to another (in milliseconds)
Cycle

Common Style Settings for All Scrolling Controls:

Scroller width px
Scroller height px
Align
Start offset for positioning controls X Y

Control Configuration:

Toolbar that controls scroller behaviour can be a set of links of buttons.

Type of scroll control

Controls:

Check the controls you'd like to see at your toolbar.

Keep in mind in case you add new controls to toolbar it may be necessary to enlarge scroller and/or toolbar width.

CodeThatScroller Items:

Here we describe a scrolled information items, either image or HTML code:

Items background color (predefined)
Custom items background color (HEX)

Item1:

Type
Source string for IMG item
Source string for HTML item
CSS class
Item background color (predefined)
Custom item background color (HEX)
Item color (predefined)
Custom item color (HEX)
Act

Item2:

Type
Source string for IMG item
Source string for HTML item
CSS class
Item background color (predefined)
Custom item background color (HEX)
Item color (predefined)
Custom item color (HEX)
Act

Item3:

Type
Source string for IMG item
Source string for HTML item
CSS class
Item background color (predefined)
Custom item background color (HEX)
Item color (predefined)
Custom item color (HEX)
Act

Item4:

Type
Source string for IMG item
Source string for HTML item
CSS class
Item background color (predefined)
Custom item background color (HEX)
Item color (predefined)
Custom item color (HEX)
Act

Item5:

Type
Source string for IMG item
Source string for HTML item
CSS class
Item background color (predefined)
Custom item background color (HEX)
Item color (predefined)
Custom item color (HEX)
Act

Preload Settings:

You need to use preload property when you want to speed up your web page loading.

Preload images specified in items of type "IMG"
Number of images to preload first

  

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