This task creates a new Rich UI widget type. To create
a new external-type widget, do not use this process, but create a
new external type of type JavaScriptObject. For details on coding
either kind of widget type, see “Extending the Rich UI widget set.”
To start to create a new EGL Rich UI widget type with the Rich
UI editor, create a Rich UI project and do as follows:
- Right click the project.
- Click New and then Rich
UI widget.
- For the Source folder field and then
the Package field, accept the existing value,
type a new value, or use the Browse mechanism.
The name of the widget type must be the same as the name of the source
file.
- Click Finish.
The initial EGL source code helps you to create a Rich UI widget
that is based on a grid layout. You can use the code as is and use
a drag-and-drop mechanism to add child widgets from the palette or
from the EGL Data view. Alternatively, you can change the code to
create a Rich UI widget that is based on an HTML tag; but in that
case, you cannot use the Design surface of the Rich UI editor.