[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Collapse]WPF Controls
  Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Collapse]Controls and Libraries
   Reporting
  [Expand]Data Grid
  [Expand]Ribbon, Bars and Menu
  [Expand]Charts Suite
  [Expand]Pivot Grid
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Tree List
  [Expand]Gauge Controls
  [Expand]Map Control
  [Collapse]Layout Management
   [Expand]Dock Windows
   [Collapse]Tile and Layout
    [Collapse]Layout and Data Layout Controls
      Layout Control
      Data Layout Control
      Layout Items and Groups
      Aligning contents of LayoutItems
      Aligning Items within LayoutGroup and LayoutControl Objects
      Customization Mode
      Available Items List
     Tile Layout Control
     Dock Layout Control
     Flow Layout Control
    [Expand]Common Features
    [Expand]Examples
   [Expand]Tab Control
   [Expand]Carousel
    Book Control
    Workspace Manager
  [Expand]Windows Modern UI
  [Expand]Printing-Exporting
  [Expand]Data Editors
  [Expand]Navigation Controls
  [Expand]Spell Checker
  [Expand]Property Grid
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Gantt Control
  [Expand]Diagram Control
  [Expand]Windows and Utility Controls
   Dialogs, Notifications and Panels
  [Expand]Scheduler (legacy)
 [Expand]Scaffolding Wizard
 [Expand]Localization
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Available Items List

Expanded Available Items List

The Available Items feature allows an end-user to hide layout items in Customization Mode and then restore the hidden items by dragging them from the Available Items list onto a layout. To enable this feature at runtime, ensure that the LayoutControl.AllowAvailableItemsDuringCustomization property is set to true.

Clicking on a layout item in a Customization Mode displays a context window that provides common layout customization actions. When the Available Items feature is enabled, this window also contains the close ('X') button that allows an end-user to hide a clicked layout item.

Clicking the close button hides the layout item by moving it to the Available Items list. You can access this list by hovering over a small button at the Layout Control's top left corner (this button is not available if the LayoutControl.AllowAvailableItemsDuringCustomization property is set to false). To move a hidden item from the Available Items list onto a layout, use drag-and-drop.

To access all hidden items stored in the Available Items list in code, use the LayoutControl.AvailableItems collection. In XAML you can create initially hidden items by defining these objects within this collection.

A layout item's visibility can also be controlled via its Visibility property. Changing the item's visibility via this property doesn't move the item to/from the Available Items list.

Expanded Customization Labels

You can override default labels for items displayed in the Available Items list. This can be accomplished by using the LayoutControl.CustomizationLabel attached property.

Default labels are calculated by the LayoutControl.GetCustomizationDefaultLabel function. See this link to learn more.

Expanded Moving Items to/from Available Items List in Code

To add items to the Available Items list in code, use the Add method provided by the LayoutControl.AvailableItems collection.

If an item resides within a LayoutControl (or within any Panel descendant - Grid, StackPanel, etc), it will be automatically removed from its parent before it is added to the LayoutControl.AvailableItems collection.

To move an item from the Available Items list onto the LayoutControl, do the following.

  1. Remove the item from the LayoutControl.AvailableItems collection.

  2. Add this item to the layout. For instance, you can use the following code to append the item to a group.

Expanded Design-time

At design time, you can move a layout item to/from the Available Items list regardless of the LayoutControl.AllowAvailableItemsDuringCustomization property. This can be accomplished via the Layout Control's customization menu.

To hide a layout item, right-click the item and select Move to Available Items.

To restore a hidden item, right-click a Layout Group or Layout Control and use the Insert from Available Items menu.

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