Customize Resize Handle

[Max Melcher]

Hi team, 

I used the CssClass property of the #eventSettingsTemplate to customize the color of an appointment - but this does not allow me to style the resize handle:

<ng-template #eventSettingsTemplate let-data>

                    <div class="e-inner-wrap" [style.background]="data.Color">

                        <div class="e-subject" [style.background]="data.Color">{{data.Subject}}</div>

                        <div class="e-time" [style.background]="data.Color">{{formatDateTime(data)}}

                            <span *ngIf="data.IsAllDay" class="ms-2" style="color: #fff; font-size: 11px;">(all

                                day)</span>

                        </div>

                    </div>

                </ng-template>

how can I also color them?

Thanks,

[Max Melcher]

fixed it with the  Appointments in Angular Schedule component | Syncfusion render method.

[Swathi Ravi]

Hi Max,

Thanks for the update.

We are glad to hear that you found a solution from our documentation. Get back to us if you need any further assistance.

Regards,
Swathi