Adding User Interface Files

Nexaweb provides wizards to create additional UI files for use in your application with various types of basic UI components.

Nexaweb UI file options include:

File Type	Description
Dialog	Dialog component with a free pane layout.
Empty	A free pane layout.
Managed Client Object	Launches a wizard to create a Java or JavaScript MCO to handle client events.
New From Template	Creates a UI file from the template that you select including a stylesheet or a user-defined template file.
Nexaweb JSP	An empty JSP page with a free pane layout.
Panel UI File	Panel component with a free pane layout.
Window	Window component with a free pane layout.
XModify File	Creates a new XModify file for the selected statement type.

Note: You must create all user interface files that will be visible to the user, including images and stylesheets, in the Web Content folder (or www folder prior to Studio 2.1) in the Nexaweb Application.

To add a UI file:

Either:
- Select File > New or File > New > Other and one of the file types
Or
- Click $image\img00018.gif$

A wizard for the file type you selected appears similar to Figure 10.

$image\img00019.gif$

Figure 10. The New Dialog UI file.

Enter or select the parent folder: Enter the location for the file you wish to create. This should be WebContent (or the web folder specified when creating the application).

Directory Tree: Displays a tree of the directories located in the selected Studio workspace.

File name: Enter the name of the file you wish to create.

Advanced: Allows you to link this file to an existing file located outside of the project's root directory.

Complete the fields on the wizard and click Finish.
Studio creates the file and displays it in the Visual Editor in the Nexaweb perspective as shown in Figure 11.
You can now edit your file using the Visual Editor or directly in the Source editor.

$image\img00020.gif$

Figure 11: The Nexaweb Studio.

The next section on Designing pages will extend this dialog to become a login screen.