[Expand]General Information
[Collapse]WinForms Controls
  .NET Core Support
 [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
  [Collapse]Data Grid
   [Expand]Get Started With Data Grid and Views
   [Expand]Data Binding
    Unbound Columns
   [Expand]Data Editing and Validation
   [Expand]Filter and Search
   [Expand]Focus and Selection Handling
    Format Cell Values
   [Expand]Master-Detail Relationships
   [Expand]Asynchronous Image Load
   [Expand]Export and Printing
   [Expand]Appearance and Conditional Formatting
    Split Presentation
    Row Preview Sections
   [Expand]Batch Modifications
    Hit Information
    Popup Menus
   [Expand]Save and Restore Layout
   [Expand]Visual Elements
   [Collapse]Design-Time Features
    [Collapse]Grid Designer
      Views Page
      Columns Page
      Bands Page
      Feature Browser Page
      Layout Page
      Group Summary Items Page
      Appearances Page
      Style Format Rules Page
      Style Schemes Page
      EditForm Designer
      In-place Editor Repository Page
      View Repository Page
      Print Appearances Page
      Print Settings Page
     Level Designer
     On-form Band and Column Customization
   [Expand]End-User Capabilities
    Included Components
  [Expand]Vertical Grid
  [Expand]Property Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Gantt Control
  [Expand]Chart Control
  [Expand]Map Control
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [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)

Layout Page

The Layout page provides design-time capabilities to customize, save and restore the layouts of Views:

If the Grid control is not bound to data using a .NET Data Provider, an additional Load Data from XML tab is displayed next to the Grid Preview tab, which allows you to load preview data.

The Load XML File... button invokes an Open dialog that lets you select an XML file to serve as the grid's data source.

The Grid Preview tab enables you to change the View's layout in the same way as at runtime. This includes applying grouping, filtering, sorting and modifying the layout of columns and bands. You can also use the built-in context menus:

The Show columns selector button displayed in the top right corner of the page invokes the Customization Form. You can then move column headers to or from the form in order to hide or show columns, respectively:

After a View's layout is customized, you can apply it to the currently selected View using the Apply button.

To save the View's layout to an XML file, click the Save Layout... button at the top of the page. Once saved, the layout can be loaded and applied to other Views. To restore the View's layout from an existing XML file, click the Load Layout... button. After the layout has been loaded, click the Apply button to apply it to the View.

If the changes have not yet been applied, a warning dialog box (as shown in the image below) is automatically invoked when switching to another Grid Designer page or closing the designer.



Appearance settings are not saved when the layout is saved. The appearance layout can be saved in the Appearances page.

Expanded See Also

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