Creating a new EGL widget type with the 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:
- 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.