Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

Tile Bar

The TileBar control is a bar with tiles that support the dropdown functionality. The TileBar consists of tiles (TileBarItem objects) arranged in a single row. Any tile can be associated with a dropdown control via the TileBarItem.FlyoutContent property. In this case, this tile displays a dropdown button used to invoke the dropdown control.

You can assign any control to the TileBarItem.FlyoutContent property, including another Tile Bar control. In this case, when you click an item’s dropdown button, another Tile Bar is displayed in a dropdown window.

DX-TileBar

For a Tile Bar control displayed in a dropdown, set the TileBar.ItemColorMode property to Inverted to achieve a tile color different from the TileBar’s background.

Tiles in the Tile Bar can be of different widths. Use the TileBarItem.Size property to specify the item size.

Refer to the following example for more information:

View Example: Bind TileBar to a Collection of Items