Appointment card customization

We have a requirement where we need a custom layout for the appointment card(s) where we can place certain icons and on hovering on those icons we can able to see the details. I am also adding an image for the requirement we have. We want to replicate on Syncfusion Scheduler.

Hi,

Not sure that I fully understand your requirements, but I will try to suggest some solutions. If that doesn’t help you - please clarify why that doesn’t fit for you.

To add an icon to the event container you need to use template. For example, event_text template for the day view:
https://docs.dhtmlx.com/scheduler/day_view_templates.html
Just add html element into the output for this template to show the icon near text.

There ate tooltips that can be used to show the details about events. Please read more in the guide here:
https://docs.dhtmlx.com/scheduler/tooltips.html