Look and Feel

• Sep 03, 2021
• 2 minutes to read

The GanttControl‘s look and feel depends on the skin applied to the application.

Basic

The Bezier

Office 2013 Dark

Office 2019 Colorful

DevExpress Style

To specify the application skin, use the DevExpress Project Settings window:

• in the Solution Explorer , right-click the project
• in the context menu, invoke the DevExpress Project Settings command
• use the Skin Name combo box to select a skin
• use the Skin Palette combo box to select a color palette (for vector-image-based skins only)

See the following help topic for more information about application settings: Project Settings Page.

Visual Elements and Appearances

The control consists of multiple visual elements — columns, rows, cells, column headers, buttons, etc. The skin specifies each visual element’s appearance settings — background and foreground colors, font face, size and style, etc. For example, cells are filled with white, column headers — with gray. You can use the GanttControl.Appearance property to access and customize appearance settings for each visual element.

The figure below shows the Gantt control with custom background colors for work and non-work dates.

• C#
• VB.NET

ganttControl1.Appearance.ChartWorkTime.BackColor = Color.AliceBlue;
ganttControl1.Appearance.ChartNonWorkTime.BackColor = Color.Green;

ganttControl1.Appearance.ChartWorkTime.BackColor = Color.AliceBlue
ganttControl1.Appearance.ChartNonWorkTime.BackColor = Color.Green

See the following help topic for more information about skins and appearance settings: Application Appearance and Skin Colors.

Skin Editor

You can also use the Skin Editor to customize a specific visual element’s appearance.

Tip

To identify a visual element, hold Ctrl and click it.

See the following help topic for more information on how to create a custom skin and apply it to an application: WinForms Skin Editor.