Color interface

You can edit the color of a component with the Color interface.

1. Select a fill control, such as the ribbon Draw tab Screen group Background Color control or a Color control in a dialog.

2. Select the desired color from the Theme Colors or Standard Colors displayed in the pop-up box:

   

   The selected color will be applied to the component that you are editing.

3. Open Edit Custom Colors menu and select Add or Import if you want to apply a different color. Choosing Add will open a Colors dialog, displaying standard colors from the operating system.

   

4. Select the Custom tab to edit the HSL (Hue, Sat, Lum) or RGB (Red, Green, Blue) codes of any of the 143 standard colors, creating a custom color.

   

   Choosing Import will prompt you to open a custom color text file through a standard Open dialog.

5. Select OK to close the dialog and apply the selected color to the component that is being edited.

6. Depending on the component that you are editing, the Fill Effects option is available from the pop-up interface (see step 2 above). Click this option to apply gradient colors with different styles and variants. The Fill Effects dialog will open.

   

7. Select two colors in the Start and End fields, select the Style, and click on the chosen Variant. Finally, click OK to apply the fill effect to the component which is being edited.

   Note: For projects on Windows Embedded target systems, the Fill Effects interface is available only for the Rectangle object.

Although Fill Effects is a useful tool for enhancing the look and feel of your screens, the operating system takes a longer time to fill an object with fill effects than with plain colors. You should develop criteria for using the feature without decreasing the performance of the system.

Using the Color animation, you can modify the color of a static object during runtime. When configuring this animation with Type = By Color, you can set the color that will be applied in the object during runtime, by the color code. The following table provides the code values as well as the RGB values for the most commonly used colors:

Tip: The RGBColor and RGBComponent functions can be used to manipulate color codes during runtime.

Note: The number of colors available when developing the project depends on the color settings configured on the operating system of the development station. The number of colors available when running the project depends on the color settings configured on the operating system of the runtime station.