[Expand]General Information
[Collapse]WinForms Controls
  .NET Core Support
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications, and Dialogs
  [Expand]Editors and Simple Controls
  [Expand]Ribbon, Bars and Menu
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Property Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Gantt Control
  [Expand]Chart Control
  [Expand]Map Control
    Getting Started
   [Expand]Data Binding
   [Expand]Import and Export
   [Expand]Time Zones
   [Collapse]Visual Elements
    [Collapse]Scheduler Control
      All-Day Area
      Appointment Flyout
      Date Navigation Bar
      Day Headers
      Day of Week Headers
      Group Separator
      More Buttons
      Navigation Buttons
      Resource Headers
      Resource Navigator
      Status Lines
      Time Cells
      Time Ruler
      Time Indicator
      Time Scales
      Selection Bar
      Scroll More Buttons
    [Expand]Command UI
     Resources Tree
     Date Navigator
     Auxiliary Controls
     Reporting Controls
     Pop-up Menus
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Sunburst Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[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)

Appointment Flyout

An Appointment Flyout is a visual element that appears when the mouse pointer hovers over an appointment. It displays the following appointment properties as text:

The colored rectangle, which has a strip on the left side and contains the appointment subject's text (the Subject rectangle), indicates the appointment Label and Status:

To hide appointment flyouts, set the SchedulerOptionsCustomization.AllowDisplayAppointmentFlyout property to false.

If the appointment's subject text does not fit in the flyout subject box, it is clipped. To resolve an issue, set the AppointmentFlyoutOptions.SubjectAutoHeight option to true.

You can customize the appointment flyout by handling the following events:

Event Description
SchedulerControl.CustomizeAppointmentFlyout Allows you to show or hide any of the appointment properties displayed in the flyout. You can also display the arbitrary text, specify the background color and the font characteristics.
SchedulerControl.CustomDrawAppointmentFlyoutSubject Handle this event to manually draw the visual elements composing the Subject rectangle.
SchedulerControl.AppointmentFlyoutShowing Handle this event to display a custom control instead of the flyout control.

Flyouts have priority over tooltips, so the ToolTipController.BeforeShow event does not fire by default. To display tooltips instead of flyouts, set the SchedulerOptionsCustomization.AllowDisplayAppointmentFlyout option to false and specify the SchedulerOptionsView.ToolTipVisibility as required (set it to ToolTipVisibility.Always to always show tooltips).

Expanded See Also

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