Vue Scheduler - editing.form

Configures the Form component within the Scheduler's appointment edit form.

Selector: DxForm
Type:

AppointmentFormProperties

In addition to editing.form properties, you can specify DevExtreme Form configuration options to customize the appointment edit form.

View Demo

iconsShowMode

Configures icon visibility within the Appointment Edit Form.

Type:

AppointmentFormIconsShowMode

Default Value: 'main'

The Scheduler's Appointment Edit Form consists of two parts: a general information group and a recurrence settings group. Implement AppointmentFormIconsShowMode values to configure icon visibility as follows:

  • "both"
    Icons are visible in both general information and recurrence settings groups.
  • "main"
    Icons are visible in the general information group only.
  • "recurrence"
    Icons are visible in the recurrence settings group only.
  • "none"
    Icons are hidden in both groups.

items

Configures items within the appointment edit form.

Type:

Array<Simple Form Item | Group Form Item | Tabbed Form Item | Empty Form Item | Button Form Item>

Default Value: []

The following predefined items are available in the appointment edit form:

editing.form.items
├─ mainGroup
|  ├─ subjectGroup
|  │  ├─ subjectIcon
|  │  └─ subjectEditor
|  ├─ dateGroup
|  │  ├─ dateIcon
|  |  └─ dateOptionsGroup
|  │     ├─ allDayEditor
|  │     ├─ startDateGroup
|  │     │  ├─ startDateTimeGroup
|  │     │  │  ├─ startDateEditor
|  │     │  │  └─ startTimeEditor
|  │     │  └─ startDateTimezoneEditor
|  │     └─ endDateGroup
|  │        ├─ endDateTimeGroup
|  │        │  ├─ endDateEditor
|  │        │  └─ endTimeEditor
|  │        └─ endDateTimezoneEditor
|  ├─ repeatGroup
|  │  ├─ repeatIcon
|  │  └─ repeatEditor
|  ├─ resourcesGroup
|  │  └─ ...
|  └─ descriptionGroup
|     ├─ descriptionIcon
|     └─ descriptionEditor
└─ recurrenceGroup
   ├─ recurrenceStartDateGroup
   │  ├─ recurrenceStartDateIcon
   │  └─ recurrenceStartDateEditor
   ├─ recurrenceRuleGroup
   │  ├─ recurrenceRuleIcon
   │  └─ recurrencePatternGroup
   │     ├─ recurrenceRuleRepeatGroup
   │     |  ├─ recurrenceCountEditor
   │     |  └─ recurrencePeriodEditor
   │     └─ recurrenceDayOfYearGroup — recurrenceDaysOfWeekEditor — recurrenceDayOfMonthEditor
   │        ├─ recurrenceDayOfYearMonthEditor
   │        └─ recurrenceDayOfYearDayEditor
   └─ recurrenceEndGroup
      ├─ recurrenceEndIcon
      └─ recurrenceEndEditor
         ├─ recurrenceRepeatEndEditor
         └─ recurrenceEndEditorsGroup
            ├─ recurrenceEndSpacer
            ├─ recurrenceEndUntilEditor
            └─ recurrenceEndCountEditor

Items within resourcesGroup depend on resource fieldExpr and icon properties. Scheduler uses resource field expressions (for instance, "roomId") in item names as follows:

...
└─ resourcesGroup
   └─ roomIdGroup
      ├─ roomIdIcon
      └─ roomIdEditor

If no resource has an icon assigned, resourcesGroup contains the following items:

...
└─ resourcesGroup
   ├─ resourcesGroupIcon
   └─ resourceEditorsGroup
      ├─ roomIdEditor
      ├─ priorityIdEditor
      ├─ assigneeIdEditor
      └─ ...

For additional information about predefined items within the appointment edit form, see the following topic: Scheduler - Appointment Edit Form

View Demo