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

[Ray Turner]

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

            <Template>

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

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

                </div>

            </Template>

        </ScheduleEventSettings>

Source for the Blazor page is attached.

Attachment: Index_80b3c50e.zip

[Vijay Ravi]

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

Regards,

Vijay Ravi