You can customize the appearance of the EGL
Rich UI editor.
To begin to set the appearance of the Rich UI editor, do
as follows:
- From the main menu, click . The Preferences window
is displayed.
- Expand EGL and Rich UI,
and then click Appearance. The Appearance pane
is displayed with three tabs: General, Browser
size, and Languages..
- At the General tab, do as follows:
- In the Editor tab section, select Design, Source,
or Preview to indicate which tab to initially
use whenever you open the Rich UI editor.
- In the Widget creation section,
indicate whether the Rich UI editor must prompt you for a variable
name each time you drag a widget from the palette to the Design surface.
If you clear the check box, the Rich UI editor creates its own variable
name, which is the widget type name (for example, Button) followed
by a sequentially assigned integer. For example, the assigned names
might be Button1, Button2, Box1, and so forth.
- In the Transparency section,
indicate how to handle the transparency controls, which vary how widgets
are displayed in the Design tab of the Rich
UI editor. The transparency controls are particularly useful when
you are working on a Design surface with many widgets that are close
together. The Design surface is composed of two layers.
The bottom layer is the web browser, which displays widgets, including
initial text values. The top layer is an editing overlay, including
angle brackets at each corner of each widget. The background of the
top layer can have any of the following characteristics: transparent,
or a pattern of white and transparent dots, or (on Windows™ platforms) a white layer with a varying
level of transparency. The transparency options provided
in the Appearance pane affect the behavior
of the Rich UI editor every time you open the editor. However, when
you are working in the editor, you can change the transparency options
that are in use for the editing session. The options are as follows:
- Select or clear the check box Show transparency controls to
indicate whether to display the transparency controls. When you start
working with Rich UI, you are likely to prefer hiding the controls;
this is the default setting for this preference.
- Next, select one of the following transparency modes, which affect
the background of the top layer of the Design surface:
- Fully transparent means that the background
is transparent.
- Dotted transparency pattern means that
the background is a pattern of white and transparent dots. The refresh
rate of your monitor may cause the pattern to shimmer.
- On Windows platforms, Variable
transparency means that the background is a white layer
with a varying level of transparency. You vary the level by changing
the numeric value of a slider. The dotted transparency pattern described
earlier is roughly equivalent to the variable transparency pattern
at 38%.
- The check box named Enable semi-transparency while
dragging allows use of a temporary transparency mode as
you drag a widget from the palette to the Design surface or from one
location on the Design surface to another. Selecting the check box
means that the temporary mode is the dotted transparency pattern.
Clearing the check box means that your usual transparency mode remains
in effect. The check box has no effect if your usual transparency
mode is the dotted transparency pattern.
- In the Colors section, specify
details for the following items:
- Selection border: The border of the currently
selected widget
- Potential drop location: Potential drop
locations for a widget being dragged from the palette to the Design
surface or from one location on the Design surface to another
- Selected drop location: A potential drop
location over which the widget is hovering during a drag-and-drop
operation
For the border and each location, you can click
the adjacent button to display a color dialog, where you can choose
or refine a color. Also, for the border and the selected drop location,
you can select (or clear) a check box to include (or exclude) the
displayed pattern.
- In the Performance section, select
the radio button that reflects your current need, whether for greater
responsiveness or for less usage of runtime resources such as memory.
One effect of selecting Optimize to use fewer resources is
that you increase the amount of time needed to display content when
you select the Design or Preview tab.
- In the Render engine for the Rich UI editor section,
select the technology used to render a web page in the Preview tab.
For details on versions and limitations, see the following web-page
section: http://wiki.eclipse.org/EDT:Supported_Platforms#Rendering_Engines.
- At the Browser size tab, set the
browser size that is appropriate for a specific kind of device such
as a cell phone. Specifically, you set options that are in effect
whenever you open the Rich UI editor. However, when you are working
in the editor, you can change the browser-size options for the file
being edited. The options are as follows:
- Select or clear the check box Show the browser
size controls when the editor is opened to indicate whether
to display the controls when a file is opened in the Rich UI editor.
When you start working with Rich UI, you are likely to prefer hiding
the controls; this is the default setting for this preference.
- Change the numeric values of the sliders to specify
the default height and width in pixels. The default you set becomes
the browser size that is provided initially in the Rich UI editor.
Similarly, change the numeric values of the sliders to specify the
minimum and maximum height and width that are valid in any file open
in the Rich UI editor. You can change the maximum and minimum only
by returning to the Appearance pane.
- At the Languages tab, assign values
that determine what messages to use when you run Rich UI applications
in the Preview tab of the Rich UI editor or in an external browser.
For details on the use of locales, see "Use of properties files
for displayable text." Do as follows:
- In the Runtime messages locale list
box, select the locale for the EGL runtime messages, which are provided
by the EGL runtime code and are distinct from the messages included
in a properties file that you customize.
- In the Rich UI handler locale list
box, select the locale for the messages included in a properties file,
if any, that you customize.
- If you want to return the settings on the Appearance pane
to the original product settings, click Restore Defaults.
- To save the changes and remain in the Preferences window,
click Apply. To save the changes and exit the
window, click OK. To cancel the changes and
exit the window, click Cancel.