Keep everything inside the window without horizontal scrolling?

[Yordan]

Since the users usually would like to see everything in the first sight - horizontal scrolling is sometime unwanted behavior.

How to autoscale the scheduler in order to keep everything in the width of the visible area without need to be scrolled horizontally ?

[Ruksar Moosa Sait]

Hi Yordan,

To remove the horizontal scrolling, you need to set StartHour and EndHour for the scheduler and set customize the cell width by overriding it with the CSS class like the below code snippet

StartHour="9:00" EndHour="18:00"

<style>

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

        width: 25px;

    }

    .e-schedule .e-timeline-month-view .e-date-header-wrap table col, .e-schedule .e-timeline-month-view .e-content-wrap table col {

        width: 25px !important;

    }

</style>

Kindly try the attached sample and let us know if it meets your requirement.

Regards,

Ruksar Moosa Sait

Attachment: Remove_horizontal_scrolling_9145729f.zip

[Yordan]

Thank You very much Ruksar Moosa Sait !!!

[Vengatesh Maniraj]

You are most welcome Yordan!!!