Creating a Web interface in the EGL editor

You can add, select, move, and delete widgets in the EGL editor. In each case, you work on the Design surface, which you can access by clicking the Design tab.

To learn more about these actions, see "Introduction to the EGL editor."

Adding a widget

To add a widget to a Rich UI handler:
  1. In the palette, click a Widget type and hold the left mouse button.
  2. Drag the widget to the Design surface.
  3. Use the widget-placement guide to identify where to drop the widget.
  4. At the selected drop location, release the mouse button.

Selecting a widget when multiple widgets overlap

When multiple widgets overlap a given area, you can cycle through the available widgets by clicking the area repeatedly. To move or delete the current widget, see the other sections of this topic.

Moving a widget

To move a widget:
  1. On the Design surface, click a widget and hold the left mouse button.
  2. Drag the widget to the preferred location
  3. Use the widget-placement guide to identify where to drop the widget
  4. At the selected drop location, release the mouse button

Deleting a widget

To delete a widget, complete either of these steps:
  • Click the widget and press the Delete key
  • Right-click the widget and, from the pop-up menu, select Delete.

The deletion removes the reference to the widget in the handler-specific initialUI property or in the container-widget-specific children property, but does not remove the widget declaration from the Rich UI handler.


Feedback