DevExpress Scheduler for .NET MAUI

• Jul 02, 2024
• 2 minutes to read

The DevExpress Scheduler for .NET MAUI Suite displays appointments and allows users to manage them. This control has a consistent look and feel on iOS and Android platforms. Different scheduler views display appointments for different time periods: month, week (or work week), day, and day by day (agenda). The image below illustrates week, day, and agenda views.

View Example: Get Started with Scheduler for .NET MAUI

Add a Scheduler View to a Page

Download and install the DevExpress.Maui.Scheduler package from the DevExpress NuGet Gallery. This package contains the following scheduler views:

• MonthView
• WeekView
• WorkWeekView
• DayView
• AgendaView

For more information on how to build your first .NET MAUI app, refer to the following help topic: Get Started.

The following example adds a working-week view with specified appointments to a ContentPage:

• XAML

<ContentPage ...
             xmlns:dx="http://schemas.devexpress.com/maui">
    <dx:WorkWeekView>
        <dx:WorkWeekView.DataStorage>
            <dx:SchedulerDataStorage>
                <dx:SchedulerDataStorage.DataSource>
                    <dx:DataSource AppointmentsSource="{Binding MedicalAppointments}">
                        <dx:DataSource.AppointmentMappings>
                            <dx:AppointmentMappings Id="Id" 
                                                    Start="StartTime" 
                                                    End="EndTime" 
                                                    Subject="Subject"
                                                    LabelId="LabelId"
                                                    Location="Location"/>
                        </dx:DataSource.AppointmentMappings>
                    </dx:DataSource>
                </dx:SchedulerDataStorage.DataSource>
            </dx:SchedulerDataStorage>
        </dx:WorkWeekView.DataStorage>
    </dx:WorkWeekView>
</ContentPage>

Scheduler views use the ViewBase.DataStorage (AgendaView.DataStorage) property to store their appointments (for example, start and end time), appointment labels and appointment status information. To load appointment information to the scheduler view, use the following properties:

• DataSource.AppointmentsSource and DataSource.AppointmentMappings

• DataSource.AppointmentLabelsSource and DataSource.AppointmentLabelMappings

• DataSource.AppointmentStatusesSource and DataSource.AppointmentStatusMappings

For a step-by-step guide on how to create a .NET MAUI app with a scheduler view, refer to the following help topic: Get Started with DevExpress Scheduler for .NET MAUI.

Next Steps

Get StartedThis step-by-step tutorial guides you through creating an app with a WorkWeekView.ViewsThis topic lists available scheduler views.Visual ElementsThis topic describes visual elements in scheduler views.Appearance SettingsLists API members that you can use to customize scheduler appearance.Time ZonesThis topic explains how to configure time zone settings in a scheduler.Workweek and TimescaleLists API members that allow you to adjust the workweek and timescale.Appointment Edit FormExplains how to invoke and configure a form to edit appointments.LabelsDescribes how to configure labels (the background color of an appointment’s rectangle).ExamplesLists task-based solutions with scheduler views. See Also

Get Started with DevExpress Controls for .NET Multi-platform App UI (.NET MAUI)