We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Schedule event template - always keeping template text in view when scrolling horizontally in timeline day and timeline month

In the Syncfusion Blazor Scheduler, we are using the timeline day and month views to display events with long durations.

We need to make sure the 'text is always visible (at the left of the scheduler's scroll region) when scrolled horizontally. This would be like the css style "position: sticky;", which does not work.
"position: fixed;" appears to work (as shown in the images below), but

  • as it is fixed vertically as well, the text disappears when scrolled vertically
  • also, if the event starts after the start date/time, they are fixed in the wrong x position

Hence the preference for something approximating horizontally 'sticky' behaviour.

The events are customised with a simple template:

        <ScheduleEventSettings DataSource="@EventsData" TValue="ScheduleEventVm">


                <div class="e-inner-wrap">

                    <div class="e-subject" style="position: fixed;">@((context as ScheduleEventVm)?.Text)</div>




Source for the Blazor page is attached.

Attachment: Index_80b3c50e.zip

1 Reply

VR Vijay Ravi Syncfusion Team March 31, 2023 12:39 PM UTC

Hi Ray,

According to the current Scheduler architecture, it’s not possible to keep the contents of the event visible based on scroll position. We already have a feature request at our end for this requirement and it will be implemented in any of our upcoming releases. So, we request you keep track of the status through the below feedback.

Feedback: https://www.syncfusion.com/feedback/38707/provide-support-to-float-subject-of-the-appointments-in-all-views


Vijay Ravi

Live Chat Icon For mobile
Up arrow icon