Back to Devexpress

Design-Time Customization

windowsforms-17481-controls-and-libraries-navigation-controls-tile-control-working-with-the-tile-control-design-time-customization.md

latest4.1 KB
Original Source

Design-Time Customization

  • Apr 01, 2018
  • 5 minutes to read

There are two approaches to customizing a TileControl at design time. One way is to use the TileControl Designer, which lets you add, remove, reorder elements of the TileControl (TileGroups and TileItems) and access their settings. The TileControl also provides on-form access and customization without the need to invoke the Designer.

On-Form Customization

To customize a TileControl directly on the form, you can use the context menu, smart tags, drag and drop and the Properties grid.

  • Adding and Deleting TileGroups

  • Adding and Deleting TileItems

  • Customizing TileControl, TileGroups and TileItems Properties

  • TileItem Elements

  • TileItem Animation

  • TileItem Templates

TileControl Designer

The TileControl Designer is an integrated visual editing tool, providing you with the ability to quickly and easily customize a TileControl. It contains all the necessary instruments needed for editing the TileControl and its elements (TileGroups and TileItems). To open the Designer, utilize one of the two following ways.

  • Using a Smart Tag

  • Using the Context Menu

The following image illustrates the TileControl Designer.

The Designer allows you to customize groups and items, and provides access to the currently selected element’s settings by the Properties grid. Note that you can simultaneously customize the settings for multiple items residing within the same group. Hold down the SHIFT or CTRL key while clicking item names to select multiple items. To reorder existing groups and items, and move items from one group to another, use drag and drop in the TileControl hierarchy.

The buttons at the top allow you to manage TileControl elements.

|

|

Creates a TileGroup and adds it to the TileControl.Groups collection.

| |

|

Creates a TileItem in one of the four sizes (Medium, Wide, Small or Large), and adds it to the selected group’s TileGroup.Items collection; by default, a medium item is created, but you can select an item size by clicking the dropdown button.

| |

|

Moves the selected group or item up in the group/item collection.

| |

|

Moves the selected group or item down in the group/item collection.

| |

|

Removes selected groups or items; if the selected group is removed, all items residing within the group are removed as well.

|

See Also

Tile Groups and Items

Tile Animation

Tile Item Structure