[Expand]General Information
[Collapse]WinForms Controls
 [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]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Collapse]Navigation Controls
   [Expand]Navigation Bar
   [Expand]Accordion Control
    Navigation Frame and Tab Pane
    Navigation Pane
    Tile Bar
   [Collapse]TileNav Pane
     TileNavPane Overview
     TileNavPane Bars
     How to: Create and Customize the TileNavPane Control in Code
     How to: Create and Customize the TileNavPane Control at Design Time
    WindowsUI Button Panel
   [Expand]Office Navigation Bar
   [Expand]Tile Control
  [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: Create and Customize the TileNavPane Control in Code

This topic shows how to create the TileNavPane control in code, populate it with navigation elements, and customize its appearance and behavior.

In this example, the TileNavPane control is created and added to the main application form. The nav bar of the TileNavPane displays the Main Button, two custom Home and Help navigation buttons, and Create category button. To be displayed in the nav bar, the Main Button and custom navigation buttons are manually created and added to the TileNavPane.Buttons collection. The Create category is populated with items and is also added to the same collection. You can see the result in the following figure.

The navigation hierarchy of the TileNavPane contains two sample categories on the root navigation level, which are added to the TileNavPane.Categories collection. The appearance and behavior of tiles that renders the categories in the drop-down are customized — tiles in the primary drop-down cast shadows and are colored using specified colors.

The Service category is populated with items, using the TileNavCategory.Items collection. The Dashboards item is, in turn, populated with sub-items, using the TileNavItem.SubItems collection. You can see the result in the figure below.

The code below shows how to implement the described TileNavPane in code. Note that references to the DevExpress.XtraBars.v18.2.dll, DevExpress.XtraEditors.v18.2.dll, DevExpress.Utils.v18.2.dll, DevExpress.Data.v18.2.dll libraries should be added to the project, and the project resources should contain the required images.

Expanded See Also

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