First start

Launch CodeThat Studio. Its main window will appear:

The main window of CodeThat Studio is divided into control and preview areas:

Use the Objects Tree to adjust the structure of your Web control and specify the properties of its items.

The Object Inspector displays the properties of the item, which is currently selected in the Objects Tree. The properties are arranged by groups.

The Design area holds two tabs: Preview and Code. On the Preview tab you can see the quick preview a Web control you design. The Code tab contains the automatically generated JScript code of you Web control.

The Plugins panel lists the loaded plugins. Click the Info button to get the detailed description of the currently selected plugin.

The Image Preview panel displays the image, when you select one in Object Inspector.

The Preview and Code tabs remain nearly empty until you have not started to design a new Web control.

Read more about CodeThat Studio:

CodeThat Studio General Information

CodeThat Studio Usage