Skip to main content

DevExpress v24.1 Update — Your Feedback Matters

Our What's New in v24.1 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DevExpress Form Items for MAUI

  • 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.

DevExpress Form Items for MAUI - A demo app with different form items

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:

DevExpress Form Items for .NET MAUI - Elements

#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:

<ContentPage
    xmlns:dx="http://schemas.devexpress.com/maui">
    <!--...-->
</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:

<ScrollView>
    <VerticalStackLayout>
        <dx:FormGroupItem>
            <dx:FormItem .../>
            <dx:FormItem .../>
            <!--...-->
        </dx: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.

Use Form Items to Build a Settings Page Replicate Settings Page with Forms Items Featured Scenario