# Navigating the Visual Effects Designer

## Content



The **Visual Effects** designer has a very intuitive interface.

The designer consists of two parts. The first part appears on the left side of the **Visual Effects** designer. It displays a list box of chart elements that support VisualEffects rendering and a preview pane that shows the current element's appearance.

The second part appears on the right side of the **Visual Effects** designer. The second part contains three tabs: **Presets**, **Colors**, and **Parameters**.

In addition to the Chart elements, Preview Pane, and tab pages there is also command buttons located at the bottom of the designer. The command buttons consist of an **OK**, **Cancel**, and **Reset** button. The **OK** button closes the **Visual Effects** designer and saves all of the changes. The **Cancel** button cancels the **Visual Effects** designer and cancels the changes made in the editing mode. The **Reset** button resets the value of the selected property.

![](https://cdn.mescius.io/document-site-files/images/70bd33a2-280e-4cc3-a1c0-7b827eceb8aa/imagesext/image9_210.png)

## See Also

[Visual Effects Elements](/componentone/docs/win/online-chart2d/customizingchartelem/visualeffectsdesigne/visualeffectselement)