[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Expand]Reporting
  [Expand]Chart Control
  [Expand]Pivot Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Scheduler
  [Collapse]Site Navigation and Layout
   [Expand]Product Information
   [Collapse]Form Layout
     ASPxFormLayout Overview
    [Collapse]Concepts
     [Expand]Binding to Data
      Item Manipulation
      Adaptivity
    [Expand]Visual Elements
   [Expand]Menu
   [Expand]Navigation Bar
   [Expand]Page Control and Tab Control
    Panel Overview
   [Expand]Ribbon
   [Expand]Site Map Control
   [Expand]Splitter
   [Expand]Tag Cloud Control
   [Expand]Title Index
   [Expand]TreeView
  [Expand]HTML Editor
  [Expand]Gauges
  [Expand]Vertical Grid
  [Expand]Data Editors
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Controls
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[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]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Item Manipulation

With the ASPxFormLayout, you can easily create form layouts of any complexity by combining the order and hierarchy of the provided layout elements. The main layout elements of ASPxFormLayout consist of labeled items, labeled regular groups and tabbed groups.

Item elements serve as placeholders for controls or custom content. Group elements are containers for other layout elements. It is possible to nest one group inside another group.

Items and groups can be created manually at design time via the FormLayout Editor or directly in markup.

Expanded Invoking the FormLayout Editor

You can use the FormLayout Editor dialog to create ASPxFormLayout items manually at design time. To run the FormLayout Editor, invoke the control's smart tag and click the "Edit Layout..." link.

The FormLayout Editor dialog allows you to add, delete and rearrange layout items and groups, and access and customize their settings. This dialog is shown in the image below.

When you press the OK button, the markup with customized layout items and groups is added. You can create or edit item settings directly in markup.

Expanded Item Manipulation Capabilities

The following actions are available.

  • Adding a layout item with or without a nested control, a layout group, or a tabbed layout group

    You can add a layout item, a layout item with a nested control, an empty layout item, a regular layout group or a tabbed layout group.

    The image below demonstrates how to add a layout item with a nested control.

  • Adding a nested control to an existing layout item

    You have the ability to nest any control, including a third-party control, into an existing layout item. The ASPxFormLayout allows you to manipulate nested controls both in the designer and in the FormLayout Editor.

    To add a nested control to an existing layout item using the FormLayout Editor, select the required layout item, click the "Add Nested Control" button and select the required control from the dropdown list. To add a nested control via the designer, drag the control from the toolbox and drop it onto the required layout item.

    The image below demonstrates how to add a nested control to the layout item.

  • Changing the existing item type

    You have the ability to change the current form layout item type. To do this, select the item that needs to be changed, click the "Change To" button and select the required item type from the dropdown list.

    Note

    If you change a layout group to layout item, all of the items nested into the changed group will be removed. If you change a regular layout item to a group, this layout item's nested control will be removed.

    The image below demonstrates how to change the layout item type.

  • Removing a nested control

    To remove a nested control from a layout item via the FormLayout Editor, select the item that contains the control you need to remove and click the "Remove Nested Controls" button. To remove a nested control via the designer, select the nested control and press the DELETE key.

    The image below demonstrates how to remove a nested control from the layout item using the FormLayout Editor.

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