ExpressFlowChart Tutorial. Step 1: Customize the Control

Jun 18, 2024

The application created over the course of this tutorial consists of a form with the chart that demonstrates the document flow of an enterprise.

First, you need to place the TdxFlowChart control to an application form.

Then, specify the control’s look and feel (border style, dimensions, grid options, etc.) and content management settings via the Object Inspector. For instance, you can set the control’s alignment within the application form and enable autorouting mode for all the connections.

Drag the TcxImageList component to the form and add images to the list. You can load images from your computer or DevExpress Icon Library.

Then, link the component to the flow chart via the Images property. This step is necessary to display images within the chart symbols.

Now, you can populate the control with chart elements as shown in the next step.