Skip to main content
All docs
V25.1
  • AppointmentFlyoutShowingEventArgs.HtmlTemplate Property

    Specifies an HTML-CSS template for an appointment flyout.

    Namespace: DevExpress.XtraScheduler

    Assembly: DevExpress.XtraScheduler.v25.1.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