Page Comparison

This section provides brief descriptions of the basic widgets that Nexaweb provides for Java application UI Development.

For more detailed information on any of the widgets, see the XAL Schema documentation.

button

Image Added

A label that triggers an event when a user places focus on it and clicks with a mouse or presses the Enter key.

Nexaweb Studio makes this widget available in the Palette view from which you can drag and drop it onto a UI file in the Visual Editor.

Example XAL for using this widget in a freePane:

 <button height="25px" text="Button" width="100px" x="60px" y="40px"/> 

checkBox

Image Added

A simple button to toggle between two selections such as on and off.

Nexaweb Studio makes this widget available in the Palette view from which you can drag and drop it onto a UI file in the Visual Editor.

Example XAL for using this widget in a freePane:

 <checkBox height="25px" text="Checkbox" width="100px" x="30px" y="120px"/> 

comboBox

Image Added

A comboBox is a label with a pull-down menu from which users can select items from a list.

Nexaweb Studio makes this widget available in the Palette view from which you can drag and drop it onto a UI file in the Visual Editor.

Example XAL for using this widget in a freePane:

 <comboBox height="25px" text="ComboBox" width="100px" x="20px" y="10px"> <listBox> <listItem text="List Item #1"/> <listItem text="List Item #2"/> <listItem text="List Item #3"/> </listBox> </comboBox> 

label

Image Added

Displays text and/or an image.

Nexaweb Studio makes this widget available in the Palette view from which you can drag and drop it onto a UI file in the Visual Editor.

Example XAL for using this widget in a freePane:

 <label height="20px" text="Label" width="100px" x="20px" y="20px"/> 

link

Image Added

Retrieves another web resource.

Nexaweb Studio makes this widget available in the Palette view from which you can drag and drop it onto a UI file in the Visual Editor.

Example XAL for using this widget in a freePane:

 <link height="20px" text="Link" width="20px" x="30px" y="40px" /> 

listBox

Image Added

Allows users to select one or more items from a list contained within a text box.

Nexaweb Studio makes this widget available in the Palette view from which you can drag and drop it onto a UI file in the Visual Editor.

Example XAL for using this widget in a freePane:

 <listBox height="100px" width="100px" x="20px" y="20px"> <listItem text="List Item #1"/> <listItem text="List Item #2"/> <listItem text="List Item #3"/> </listBox> 

passwordField

A single line text entry field that displays text as mask characters rather than plain text.

Nexaweb Studio makes this widget available in the Palette view from which you can drag and drop it onto a UI file in the Visual Editor.

Example XAL for using this widget in a freePane:

 <passwordField height="25px" text="Password Field" width="200px" x="20px" y="160px"/> 

radioButton

Image Added

A group of buttons offering the ability to toggle between any number of selections and limiting the user to selecting only one button in the group at any given time.

Nexaweb Studio makes this widget available in the Palette view from which you can drag and drop it onto a UI file in the Visual Editor.

Example XAL for using this widget in a freePane:

 <radioButton height="25px" text="RadioButton" width="100px" x="20px" y="210px"/> 

horizontalSlider

Image Added

A scrolling element with a thumb that moves along a horizontal track.

Nexaweb Studio makes this widget available in the Palette view from which you can drag and drop it onto a UI file in the Visual Editor.

Example XAL for using this widget in a freePane:

 <horizontalSlider height="20px" width="100px" x="20px" y="270px"/> 

verticalSlider

Image Added

A scrolling element with a thumb that moves along a vertical track.

Nexaweb Studio makes this widget available in the Palette view from which you can drag and drop it onto a UI file in the Visual Editor.

Example XAL for using this widget in a freePane:

 <verticalSlider height="100px" width="20px" x="310px" y="160px"/>   

textArea

A multiple line text entry field.

Nexaweb Studio makes this widget available in the Palette view from which you can drag and drop it onto a UI file in the Visual Editor.

Example XAL for using this widget in a freePane:

 <textArea height="200px" width="200px" x="20px" y="50px">TextArea</textArea> 

textField

Image Added

A single line text entry field.

Nexaweb Studio makes this widget available in the Palette view from which you can drag and drop it onto a UI file in the Visual Editor.

Example XAL for using this widget in a freePane:

 <textField height="25px" text="TextField" width="200px" x="20px" y="280px"/> 

textView

Image Added

A multiple line text display field.

Nexaweb Studio makes this widget available in the Palette view from which you can drag and drop it onto a UI file in the Visual Editor.

Example XAL for using this widget in a freePane:

<textView height="100px" width="100px" x="260px" y="50px">
 TextView
</textView>