W4T Eclipse Editor

Visual web application development with W4T Eclipse is centered around the W4T Eclipse Editor. The editor has three parts:

You can open the editor on any Java file from the Navigator or Package Explorer (note that the file should implement a subclass of com.w4t.WebForm or com.w4t.WebPanel:

Switch between the parts of the editor by clicking the tabs at the bottom of the editor:


The Designer

When you click the middle of the three editor tabs, you open the Designer, the part of the editor where the visual gui-building actually happens.

The Designer displays the WebForm or WebPanel you are currently working on, with additional helping grids for positioning and handles for selecting components.

Note that what you see is already an html page, displayed by a browser. What you see on the Designer is what you get from your application. (Except for the helping lines and buttons, of course; switch to the Preview in order to view the form or panel without them.)

You can select components from the Widget Selector and add them into the Designer by clicking the colored anchor images which represent areas.

Every component that has been added into a form or panel can then be configured using the Properties View and the Events View. You can watch the immediate effect of changing properties in the Designer.

Most of the W4 Toolkit components (buttons, textfields etc.) can be clicked on in the Designer too. They are then selected in the Outline View and can be edited from the Properties View.

Click the area image itself to edit the properties an area in the Properties View.


Copyright (c) 2003 by Innoopract Informationssysteme GmbH. All rights reserved.