How to properly add slot and intervals to TimeLine Week

[Frederic]

I have this Scheduler

How can i make the slots (major and minor) to be of 2 hours and 30 minutes respectively and still keep the show all dates in view

[Ravikumar Venkatesan]

Hi Frederic,

Greetings from Syncfusion support.

We have validated your query “How to properly add slot and intervals to TimeLine Week” at our end. We have achieved your requirement by setting up the time scale interval value as 120 and slot count as 4 as mentioned in the shared code snippet.

[Index.razor]

<SfSchedule TValue="AppointmentData">

    <ScheduleTimeScale Interval="120" SlotCount="4"></ScheduleTimeScale>

</SfSchedule>

Kindly try the shared solution and let us know if you need any further assistance.

Regards,

Ravikumar Venkatesan

Attachment: syncfusionblazorscheduletimescalesample_8f06e15e.zip

[Frederic]

Thanks for you reply

I know that part, however when I apply it, the width of my 5 day week is wider than the width of the page.

I do not know how to make each slot smaller

[Ruksar Moosa Sait]

Hi Frederic,

We have checked on your requirement and let you know that when we make the slots smaller using the CSS classes with the Interval 120 and SlotCount 4, the layout doesn’t look great.

<style>

    .schedule-cell-dimension.e-schedule .e-timeline-view .e-date-header-wrap table col,

    .schedule-cell-dimension.e-schedule .e-timeline-view .e-content-wrap table col {

        width: 5px !important;

    }

 

    .schedule-cell-dimension.e-schedule .e-timeline-month-view .e-date-header-wrap table col,

    .schedule-cell-dimension.e-schedule .e-timeline-month-view .e-content-wrap table col {

        width: 5px !important;

    }

</style>

Hence, we suggest you set the Interval as 1440 and SlotCount as 1 in the ScheduleTimeScale tag to meet your requirement.

<ScheduleTimeScale Interval="1440" SlotCount="1"></ScheduleTimeScale>

Kindly check the attached sample and let us know if you need any assistance.

Regards,

Ruksar Moosa Sait

Attachment: syncfusionblazorscheduletimescalesampleModified_abafe5fe.zip

[Frederic]

Looks much better.   I think we are getting there.. Thanks

[Vengatesh Maniraj]

You are most welcome!!!