ContextQMD
Back to Devexpress

BootstrapFormLayout Class

aspnetbootstrap-devexpress-dot-web-dot-bootstrap-9ff825ad.md

latest4.9 KB
Original Source

BootstrapFormLayout Class

A form layout management control.

Namespace : DevExpress.Web.Bootstrap

Assembly : DevExpress.Web.Bootstrap.v25.2.dll

NuGet Package : DevExpress.Web.Bootstrap

Declaration

csharp
[DXClientDocumentationProviderWeb("BootstrapFormLayout")]
[ToolboxTabName("DX.25.2: Bootstrap Controls")]
public class BootstrapFormLayout :
    ASPxFormLayout,
    ISimpleRenderControl
vb
<ToolboxTabName("DX.25.2: Bootstrap Controls")>
<DXClientDocumentationProviderWeb("BootstrapFormLayout")>
Public Class BootstrapFormLayout
    Inherits ASPxFormLayout
    Implements ISimpleRenderControl

The following members return BootstrapFormLayout objects:

Remarks

Note

The BootstrapFormLayout control provides you with comprehensive client-side functionality implemented using JavaScript code:

The control’s client-side API is enabled if the ASPxFormLayout.ClientInstanceName property is defined or any client event is handled.

Example

This example demonstrates the basic functionality of Form Layout.

  • Initialize new instance of the BootstrapFormLayout class.
  • Add required BootstrapLayoutItem objects to the BootstrapFormLayout.Items collection.
  • Fill each layout item with the necessary content controls - ContentCollection items.

The image below shows the result:

aspx
<dx:BootstrapFormLayout runat="server">
    <Items>
        <dx:BootstrapLayoutItem Caption="Contact Name" ColSpanMd="6">
            <ContentCollection>
                <dx:ContentControl>
                    <dx:BootstrapTextBox runat="server" Text="Thomas Hardy" />
                </dx:ContentControl>
            </ContentCollection>
        </dx:BootstrapLayoutItem>
        <dx:BootstrapLayoutItem Caption="Company Name" ColSpanMd="6">
            <ContentCollection>
                <dx:ContentControl>
                    <dx:BootstrapTextBox runat="server" Text="Around the Horn" />
                </dx:ContentControl>
            </ContentCollection>
        </dx:BootstrapLayoutItem>
        <dx:BootstrapLayoutItem Caption="Title" ColSpanMd="6">
            <ContentCollection>
                <dx:ContentControl>
                    <dx:BootstrapTextBox runat="server" Text="Sales Representative" />
                </dx:ContentControl>
            </ContentCollection>
        </dx:BootstrapLayoutItem>
        <dx:BootstrapLayoutItem Caption="Phone Number" ColSpanMd="6">
            <ContentCollection>
                <dx:ContentControl>
                    <dx:BootstrapTextBox Text="1715557788" runat="server">
                        <MaskSettings Mask="(000) 000-0000" IncludeLiterals="None" />
                    </dx:BootstrapTextBox>
                </dx:ContentControl>
            </ContentCollection>
        </dx:BootstrapLayoutItem>
    </Items>
</dx:BootstrapFormLayout>

Inheritance

Object Control WebControl ASPxWebControlBase ASPxWebControl ASPxDataWebControlBase ASPxDataWebControl ASPxFormLayout BootstrapFormLayout

See Also

BootstrapFormLayout Members

DevExpress.Web.Bootstrap Namespace