Applying CSS to Schedule Control

Question

Hi Team,I'm looking for customizing appointment to show variables on an appointment in Schedule Control.I've to display appointment variables on appointment in two columns.For applying custom CSS to an appointment which is the class that I need to use to override it.I've attached an image for the custom appointment where I need your help to apply CSS.Apart from this, I need help in removing the header component and the block where full day appointment is shown. Attachment: Appointment_image_49d93816.zip

Ruksar Moosa Sait · Answer

Hi Nikhil,I'm
looking for customizing appointment to show variables on an appointment in
Schedule Control.Please find the below details
to customize the appointment.https://ej2.syncfusion.com/angular/documentation/schedule/appointments/#appointment-customizationI've to
display appointment variables on appointment in two columns.You can use the Event template
to display the appointment variables in two columns.https://ej2.syncfusion.com/angular/documentation/schedule/appointments/#using-templateFor
applying custom CSS to an appointment which is the class that I need to use to
override it.You can apply your custom CSS
to an appointment by making use of the cssClass property.https://ej2.syncfusion.com/angular/documentation/schedule/appointments/#using-cssclassKindly
try the above solutions and let us know if this meets your requirement.Regards,Ruksar Moosa Sait