Log In
[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]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
   [Expand]TileNav Pane
    WindowsUI Button Panel
   [Expand]Office Navigation Bar
   [Expand]Tile Control
  [Expand]PDF Viewer
  [Expand]TreeMap 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]Document Server
[Expand]Report Server
[Expand]eXpressApp Framework
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Tile Bar

You can use the TileBar control to implement a tile-based menu for your application. The Tile Bar consists of tiles (TileBarItem objects) arranged in a single row. Any tile can be associated with a dropdown control. In this case, this tile displays a dropdown button used to invoke the dropdown control.

As in the Tile Control, items (tiles) in the Tile Bar are combined into groups (TileBarGroup). Organizing items into groups allows you to provide captions to sets of items and to detach the item sets from each other. Use the TileControl.Groups property to add groups to the control, and use the TileGroup.Items property to add items to groups. In the image above, the Tile Bar contains two groups of items ("MY WORLD" and "OPERATIONS").

To associate a tile with a dropdown control, use the TileBarItem.DropDownControl property, which accepts objects of the TileBarDropDownContainer type. You can locate the TileBarDropDownContainer in the Toolbox, drop it onto the form. Then, assign this container to the TileBarItem.DropDownControl property.

You can place any controls onto the TileBarDropDownContainer, including another Tile Bar control. Settings that regulate the view and behavior of the dropdown control can be accessed using the TileBar.DropDownOptions object. For example, this object provides the TileBarDropDownOptions.AutoHeight, TileBarDropDownOptions.Height, TileBarDropDownOptions.BackColorMode and TileBarDropDownOptions.CloseOnOuterClick properties.

Tiles in the Tile Bar can be of two sizes: Medium and Wide. Use the TileBarItem.ItemSize property to select one of these sizes. A medium item is a square tile, whose dimensions are specified by the TileBar.ItemSize property. A wide item is a rectangular tile, whose height equals the TileBar.ItemSize property value, while the width is specified by the TileBar.WideTileWidth property. You can set this property to a custom value if needed.

You can display images and text in tiles. This functionality is inherited by TileBarItem objects from the TileItem base class. Refer to the Tile Item Structure for more information.

How would you rate this topic?​​​​​​​