[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Collapse]WPF Controls
 [Expand]What's Installed
 [Expand].NET Core 3 Support
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Collapse]Controls and Libraries
  [Expand]Data Grid
  [Expand]Ribbon, Bars and Menu
  [Expand]Charts Suite
  [Expand]Pivot Grid
   [Expand]Getting Started
    Time Regions
   [Expand]Visual Elements
   [Collapse]Styles and Templates
     Visual Appointment
     Scheduler Elements That Support Templates
   [Expand]Design-Time Features
    Time Zones
   [Expand]Data Binding
    Appearance Customization
    Clipboard Operations
    Printing Templates
    Drag and Drop Customization
    End-User Restrictions
    Migration Guidelines
  [Expand]Rich Text Editor
  [Expand]Tree List
  [Expand]Gauge Controls
  [Expand]Map Control
  [Expand]Layout Management
  [Expand]Windows Modern UI
  [Expand]Data Editors
  [Expand]Navigation Controls
  [Expand]Spell Checker
  [Expand]Property Grid
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Gantt Control
  [Expand]Diagram Control
  [Expand]Windows and Utility Controls
   Dialogs, Notifications and Panels
  [Expand]Scheduler (legacy)
 [Expand]Scaffolding Wizard
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Visual Appointment

This document describes the controls, templates, and styles used to visualize an appointment.

Expanded Appointment Controls

An Appointment is visualized using different controls depending on the current view, an operation mode (drag-and-drop) and whether the appointment is an all-day appointment (the AppointmentItem.AllDay property is set to true).

The visual appointment controls' class diagram is shown below.

Expanded Content Presenters

Expanded Data Templates

The XAML code snippets below show the built-in data templates that visually represent appointments . You can modify and assign them to the following view properties:

Template Property to Assign
Vertical Appointment Control DayViewBase.AppointmentContentTemplate
Horizontal Appointment Control DayViewBase.AllDayAppointmentContentTemplate,MonthView.AppointmentContentTemplate, TimelineView.AppointmentContentTemplate
  • Vertical Appointment Control

  • Horizontal Appointment Control

Expanded Styles

The following code snippet illustrates how to use styles to set the attached properties of an appointment control displayed in the view, to show or hide a specific appointment's visual elements and change display formats, as illustrated in the following code snippet. To apply the appointment style, use the view's AppointmentStyle property: the DayViewBase.AppointmentStyle property for the Day View, Work Week View and Week View; the MonthView.AppointmentStyle property for the Month View; the TimelineView.AppointmentStyle property for the Timeline View.

This code snippet sets the AppointmentControl properties to display the appointment's start and end time, location and description. It also demonstrates how to display an image in the appointment's bottom right corner.

Is this topic helpful?​​​​​​​