AppointmentFlyoutShowingEventArgs.HtmlTemplate Property

Specifies an HTML-CSS template for an appointment flyout.

Namespace : DevExpress.XtraScheduler

Assembly : DevExpress.XtraScheduler.v25.2.dll

NuGet Package : DevExpress.Win.Scheduler

Declaration

C#
VB.NET

csharp

public HtmlTemplate HtmlTemplate { get; }

Public ReadOnly Property HtmlTemplate As HtmlTemplate

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:

C#
VB.NET

csharp

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}";
    }
}

Private Sub schedulerControl1_AppointmentFlyoutShowing(ByVal sender As Object, ByVal args As DevExpress.XtraScheduler.AppointmentFlyoutShowingEventArgs)
    If "GYM training".Equals(args.FlyoutData.Appointment.Subject) Then
        args.HtmlTemplate.Template = "<div class=""btn-filled"">Button</div>"
        args.HtmlTemplate.Styles = ".btn-filled {" & vbCrLf & vbTab & "font-family: 'Segoe UI';" & vbCrLf & vbTab & "font-size: 13px;" & vbCrLf & vbTab & 
        "padding: 8px 18px;" & vbCrLf & vbTab & "margin: 8px;" & vbCrLf & vbTab & "border-radius: 4px;" & vbCrLf & vbTab & "border-width: 1px;" & vbCrLf & vbTab & 
        "border-style: solid;" & vbCrLf & vbTab & "border-color: @HighlightAlternate;" & vbCrLf & vbTab & "text-align: center;" & vbCrLf & vbTab & 
        "background-color: @HighlightAlternate;" & vbCrLf & vbTab & "color: @White;" & vbCrLf & vbTab & "opacity: 0.8;" & vbCrLf & "}" & vbCrLf & 
        ".btn-filled:hover {" & vbCrLf & vbTab & "background-color: @HighlightAlternate;" & vbCrLf & vbTab & "box-shadow: 0px 0px 3px @blue;" & vbCrLf & vbTab & 
        "opacity: 0.9;" & vbCrLf & "}" & vbCrLf & ".btn-filled:active {" & vbCrLf & vbTab & "background-color: @HighlightAlternate;" & vbCrLf & vbTab & 
        "box-shadow: 0px 0px 3px @HighlightAlternate;" & vbCrLf & vbTab & "opacity: 1;" & vbCrLf & "}"
    End If
End Sub