DevExpress Form Items for MAUI

• Nov 21, 2023
• 2 minutes to read

DevExpress Mobile UI for .NET MAUI contains a set of components called Form Items. You can incorporate these components into your app pages to create data entry forms, profile pages, navigation menus, action sheets, or settings panels.

Watch Video: Use Form Items to Implement Settings and Navigation Pages in Your .NET MAUI Application

View Example: DevExpress Form Items for .NET MAUI

Form Item Elements (Anatomy)

The following picture shows the basic elements of a form item:

Add a Form Item to the Page

Before you proceed, read the following topic: Get Started with DevExpress Controls for .NET Multi-platform App UI (.NET MAUI).

The following code adds a namespace reference so you can work with Form Item controls:

XAML

<ContentPage
    xmlns:dxe="clr-namespace:DevExpress.Maui.Editors;assembly=DevExpress.Maui.Editors">
    <!--...-->
</ContentPage>

You can use any layout class to arrange form items on the form. The following example adds FormItem objects to a VerticalStackLayout. To combine form items into groups, you can use a special form item type - FormGroupItem:

XAML

<ScrollView>
    <VerticalStackLayout>
        <dxe:FormGroupItem>
            <dxe:FormItem .../>
            <dxe:FormItem .../>
            <!--...-->
        </dxe:FormGroupItem>
    </VerticalStackLayout>
</ScrollView>

Available Form Items

The following form items are available:

FormItem

Allows users to display an image, title, description, arrow, and additional content. You can invoke an action when a user taps this item.

FormCheckItem

Allows users to select or clear a check box to change a Boolean property value.

FormSwitchItem

Allows users to toggle a switch to change a Boolean property value.

FormListPickerItem

Allows users to select options from a predefined list.

FormGroupItem

Allows users to combine form items into groups.

Related Scenario

Use Form Items to Build a Settings Page