[Expand]General Information
[Collapse]WinForms Controls
  .NET Core Support
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications, and Dialogs
  [Expand]Editors and Simple Controls
  [Expand]Ribbon, Bars and Menu
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Property Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Chart Control
  [Expand]Map Control
   [Expand]Product Information
    Product Structure
    Getting Started
   [Expand]Spreadsheet Document
    Supported Formats
   [Expand]Cell Basics
    Defined Names
    Data Binding
    Data Validation
   [Expand]Data Presentation
    Data Grouping
   [Expand]Pivot Tables
   [Expand]Charts and Graphics
   [Expand]Mail Merge
    Find and Replace
   [Expand]Visual Elements
   [Expand]Keyboard Shortcuts
    [Expand]Rows and Columns
    [Expand]Import and Export Data
    [Expand]Data Binding
    [Expand]Mail Merge
    [Expand]Formatting Cells
    [Expand]Conditional Formatting
    [Expand]Group Data
    [Expand]Filter Data
      How to: Create a Shape
      How to: Create a Shape Group
      How to: Create a Shape Connector
      How to: Add Text to a Shape
      How to: Change a Shape's Fill and Outline Color
      How to: Remove a Shape
    [Expand]Pivot Tables
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Sunburst Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

How to: Change a Shape's Fill and Outline Color

This example describes how to change a shape's fill and outline color.

The table below lists an API used to change the shape's fill and outline settings.

Member Description
ShapeFormatBase.Fill Provides access to the ShapeFill object containing fill options.
ShapeFormatBase.Outline Provides access to the ShapeOutline object containing outline options.
ShapeOutline.Width Defines the outline thickness.
ShapeOutlineFill.SetSolidFill Fills a shape or its outline with a solid color.
ShapeOutlineFill.SetGradientFill Applies the gradient effect to the shape's background or outline.
ShapeFill.SetPatternFill Fills the drawing object background or its elements with a repeated pattern.
ShapeFill.SetPictureFill Applies the picture fill to the shape's background.
ShapeOutlineFill.SetNoFill Makes an element transparent.

The following code sample changes the shapes' color options to look as they do on the image below.

Is this topic helpful?​​​​​​​