Setting widget properties and events

When you work on the Design surface of the EGL editor, you use the Properties and Events tabs.
To begin setting widget properties and events:
  1. Click the Design tab or (when the Design tab is active) the Outline view.
  2. Right-click a widget and select Properties. The Properties view is displayed; you can access both the Properties and Events tabs.

Setting properties

On the Properties tab, you can add a value to a widget property, and the editor updates when you press Tab or Enter.

To remove a property value from a text box, select the value and press Delete. To remove a property value from a list box, select (none).

To handle color selection:
  1. Click the color or background Color property, if available. The Color selection window is displayed
  2. Choose from three alternatives:
    • To work in the traditional Color window, click Number format and Color. When you return to the Color selection window, you can also specify whether the numeric color values retained from the Color window should be saved in RGB or hexadecimal format.
    • To select from a list of named colors instead, click Name Format and select a color.
    • To specify a value of your own, click Custom. You can specify either an RGB format, such as RGB(236,,233,216), or a hexadecimal format, such as #ece9d8.

Creating new functions and enabling events

On the Events tab, you can identify the Rich UI handler function that will run in response to an event, or you can create a new function.

In the row that lists the event of interest, complete one of the following tasks:
  • Double-click the Function column and click the name of an existing handler function.
  • To create a new function, double-click the icon in the third column to display the New event handler window. In the window, specify the new function name and click OK. By default, the function name (for example, myButton_onClick) is the widget name followed by an underscore and the event name.

Feedback