# Edit Popup Customization

The Scheduler allows customization of the edit popup and its form. You can define your desired configuration in the `SchedulerPopupEditSettings` and `SchedulerPopupEditFormSettings` tags under the `SchedulerSettings` tag.

### Popup Customization

The `SchedulerPopupEditSettings` nested tag exposes the following parameters to allow popup customization:

<style>
    .article table {
        table-layout: auto;
        word-break: normal;
    }
</style>

| Parameter   | Type     | Description                      |
| ----------- | -------- | -------------------------------- |
| `Class`     | `string` | The CSS class of the edit popup  |
| `Title`     | `string` | The title of the edit popup      |
| `Width`     | `string` | The Width of the edit popup      |
| `MaxWidth`  | `string` | The maximum width of the window  |
| `MinWidth`  | `string` | The minimum width of the window  |
| `Height`    | `string` | The height of edit popup         |
| `MaxHeight` | `string` | The maximum height of the window |
| `MinHeight` | `string` | The minimum height of the window |

> tip The min/max options for the width and height apply to the initial rendering of the window and not browser resizing.

### Edit Form Customization

The `SchedulerPopupEditFormSettings` nested tag exposes a `ButtonsLayout` parameter of type [`FormButtonsLayout`](https://www.telerik.com/blazor-ui/documentation/api/telerik.blazor.formbuttonslayout) that controls the horizontal alignment of the edit form buttons. The default value is `End`.

> caption Customize the popup edit form

<demo metaUrl="client/scheduler/edit-popup-customization/example-1/" height="780"></demo>

## See Also

* [Data Binding](https://www.telerik.com/blazor-ui/documentation/components/scheduler/data-bind)
* [Live Demo: Appointment Editing](https://demos.telerik.com/blazor-ui/scheduler/appointment-editing)
* [Custom Edit Form](https://github.com/telerik/blazor-ui/tree/master/scheduler/custom-edit-form)