DrawerPage.DrawerPosition Property

Gets or sets the screen edge to which the drawer is anchored.

Namespace : DevExpress.XamarinForms.Navigation

Assembly : DevExpress.XamarinForms.Navigation.dll

NuGet Package : DevExpress.XamarinForms.Navigation

Declaration

csharp

public Position DrawerPosition { get; set; }

Property Value

Type	Description
Position

The screen edge to which the drawer is anchored.

Available values:

Name	Description
Default

Identifies the default element position.

| | Top |

An element is at the top edge of the container.

| | Bottom |

An element is at the bottom edge of the container.

| | Left |

An element is at the left edge of the container.

| | Right |

An element is at the right edge of the container.

Remarks

The DrawerPage supports the following drawer positions:

Value

Sample Image

Description

| | --- | --- | --- | |

Left

The drawer is anchored to the left edge of the screen.

| |

Top

The drawer is anchored to the top of the screen.

| |

Bottom

The drawer is anchored to the bottom of the screen.

| |

Right

The drawer is anchored to the right edge of the screen.

Example

This example demonstrates how to adjust the DrawerPage’s basic settings.

XAML

xml

<dxn:DrawerPage 
    xmlns="http://xamarin.com/schemas/2014/forms"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:dxn="clr-namespace:DevExpress.XamarinForms.Navigation;assembly=DevExpress.XamarinForms.Navigation"
    xmlns:local="clr-namespace:DrawerPageExample"
    xmlns:viewmodel="clr-namespace:DrawerPageExample.ViewModels"
    xmlns:view="clr-namespace:DrawerPageExample.Views"
    x:Class="DrawerPageExample.MainPage"
    DrawerPosition="Left"
    DrawerBehavior="SlideOnTop"
    DrawerWidth="180"
    IsScrimEnabled="false"
    IsDrawerShadowVisible="true"
    DrawerShadowHeight="5"
    DrawerShadowRadius="10"
    DrawerShadowColor="#808080">
    <dxn:DrawerPage.BindingContext>
        <viewmodel:MainViewModel/>
    </dxn:DrawerPage.BindingContext>
    <dxn:DrawerView.DrawerHeaderContent>
        <view:DrawerHeader/>
    </dxn:DrawerView.DrawerHeaderContent>
    <dxn:DrawerView.DrawerFooterContent>
        <view:DrawerFooter/>
    </dxn:DrawerView.DrawerFooterContent>
    <dxn:DrawerPage.DrawerContent>
        <ListView x:Name="categoryList" 
                    ItemsSource="{Binding VehiclesByMake}">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <TextCell Text="{Binding GroupKey}" />
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
    </dxn:DrawerPage.DrawerContent>
    <dxn:DrawerPage.MainContent>
        <ContentPage>
            <ListView BindingContext="{x:Reference categoryList}"
                        ItemsSource="{Binding SelectedItem.Vehicles}">
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <TextCell Text="{Binding FullName}"/>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>
        </ContentPage>
    </dxn:DrawerPage.MainContent>
</dxn:DrawerPage>