Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

AppointmentFlyoutShowingEventArgs.HtmlTemplate Property

Specifies an HTML-CSS template for an appointment flyout.

Namespace: DevExpress.XtraScheduler

Assembly: DevExpress.XtraScheduler.v24.2.dll

NuGet Package: DevExpress.Win.Scheduler

#Declaration

public HtmlTemplate HtmlTemplate { get; }

#Property Value

Type Description
HtmlTemplate

A template to draw.

#Remarks

The following code snippet applies a custom HTML-CSS template to the GYM training appointment:

private void schedulerControl1_AppointmentFlyoutShowing(object sender, DevExpress.XtraScheduler.AppointmentFlyoutShowingEventArgs args) {
    if ("GYM training".Equals(args.FlyoutData.Appointment.Subject)) {
        args.HtmlTemplate.Template = "<div class=\"btn-filled\">Button</div>";
        args.HtmlTemplate.Styles = ".btn-filled {\r\n\tfont-family: 'Segoe UI';\r\n\tfont-size: 13px;\r\n\tpadding: 8px 18px;\r\n\t
        margin: 8px;\r\n\tborder-radius: 4px;\r\n\tborder-width: 1px;\r\n\tborder-style: solid;\r\n\tborder-color: @HighlightAlternate;\r\n\t
        text-align: center;\r\n\tbackground-color: @HighlightAlternate;\r\n\tcolor: @White;\r\n\topacity: 0.8;\r\n}\r\n.btn-filled:hover {\r\n\t
        background-color: @HighlightAlternate;\r\n\tbox-shadow: 0px 0px 3px @blue;\r\n\topacity: 0.9;\r\n}\r\n.btn-filled:active {\r\n\t
        background-color: @HighlightAlternate;\r\n\tbox-shadow: 0px 0px 3px @HighlightAlternate;\r\n\topacity: 1;\r\n}";
    }
}
See Also