Readme.md

Scheduler for ASP.NET Web Forms - How to create a custom adaptive appointment form using templates (User Control)

This example demonstrates how to use the ASPxFormLayout component in responsive mode as the main form container to make a custom appointment form adaptive.

Implementation Details

The ASPxScheduler control supports two approaches to create a custom appointment form.

• Customize the Appointment Dialog using View Model API. When you use this approach, custom appointment form is adaptive by default.
• Customize the Appointment Editing Form for Working with Custom Fields. When you use this approach, you should implement adaptivity of custom appointment form manually.

In this example, the custom appointment form contains ASPxFormLayout component. The SettingsAdaptivity property is spesified to provide the form with responsive layout.

<SettingsAdaptivity>
    <GridSettings WrapCaptionAtWidth="810">
        <Breakpoints>
            <dx:LayoutBreakpoint MaxWidth="810" ColumnCount="1" Name="S" />
        </Breakpoints>
    </GridSettings>
</SettingsAdaptivity>

Files to Review

• AppointmentForm.ascx (VB: AppointmentForm.ascx)
• AppointmentForm.ascx.cs (VB: AppointmentForm.ascx.vb)
• CustomAppointmentSaveCallbackCommand.cs (VB: CustomAppointmentSaveCallbackCommand.vb)

Online Demo

• Form Layout - Responsive Layout