Visual web application development with W4T Eclipse is centered around the W4T Eclipse Editor. The editor has three parts:
a Java Editor which behaves like the standard (JDT) Java editor.
a Designer for composing user interfaces with W4 Toolkit components.
(See the section below.)
a Preview that shows your
exactly as it will look in non-design mode.
You can open the editor on any Java file from the Navigator or
Package Explorer (note that the file should implement a subclass of
Switch between the parts of the editor by clicking the tabs at the bottom of the editor:
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
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.