Basic Widgets

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

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

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

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

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

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

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

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

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

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

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

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>