Creating a widget type with the EGL Rich UI editor

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:
  1. Right-click the project.
  2. Click New and then Rich UI widget.
  3. 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.
  4. 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.