To design an EGL Rich UI application in the EGL editor,
click the Design tab.
This image shows the toolbar:

You can use the tools on the Design surface for the following purposes:
- The icon on the left is the Show transparency controls tool,
which is a toggle. Click it to display or hide the transparency tools,
which are described in "Setting preferences for Rich UI appearance."
- The icon that is second to the left is the Show browser
size controls tool, which is also a toggle. Click it to
display or hide the scroll bars that you use to specify the browser
size within the constraints that you set in the preferences. More
details are in "Setting preferences for Rich UI appearance."
- The next icon is the Configure bidirectional options tool,
which you can use to open the preference page that is described in
"Setting preferences for Rich UI bidirectional text." See that topic
for details about enabling this tool on the Design surface.
- The fourth icon from the left is the Configure preferences tool.
Click it to access the preferences that are described in "Setting
preferences for Rich UI appearance."
- The second icon to the right is the Refresh palette tool,
which searches the workspace for widgets that have the @VEWidget complex
property and then refreshes the palette to reflect the outcome of
that search.
- The icon on the right is the Refresh Web page tool.
Click it to refresh the Web page, which you might need to do after
you change the widgets in an embedded handler. For an introduction
to embedded handlers, see "Rich UI handler part."