No scrollbar

[mkrajewParticipant]

I would like to set the height of the scheduler to be large enough to completely eliminate the built-in scrollbar and show it directly on the page, using the browser’s scrollbar. I’ve got:

$("#scheduler").jqxScheduler({
        date: new $.jqx.date(2016, 11, 23),
        width: 500,
        height: 2000,
        rowsHeight: 25,
        //dayNameFormat: "full",
        source: adapter,
        showLegend: true,
        editDialogDateTimeFormatString: "MM/dd/yyyy hh:mm tt",
        editDialogDateFormatString: "MM/dd/yyyy",
        toolBarRangeFormat: 'D',
        timeZone: 'Central Standard Time',
        ready: function ()
        {
            $("#scheduler").jqxScheduler('ensureAppointmentVisible', 'id1');
        },
        resources:
        {
            colorScheme: "scheme09",
            dataField: "calendar",
            orientation: "horizontal",
            source: [{ calendar: "Sheet 1" }, { calendar: "Sheet 2" }, { calendar: "Sheet 3" }, { calendar: "Sheet 4" }, { calendar: "Sheet 5" }, { calendar: "Sheet 6" }] //new $.jqx.dataAdapter(source)
        },
        appointmentDataFields:
        {
            from: "start",
            to: "end",
            id: "id",
            description: "description",
            location: "place",
            subject: "subject",
            resourceId: "calendar"
        },
        view: 'dayView',
        views:
        [
            {
                type: 'dayView', showWeekends: true, timeRuler: { width: 80, scale: "halfHour", formatString: "h:mm tt" }, workTime: { fromDayOfWeek: 1, toDayOfWeek: 7, fromHour: 12, toHour: 24 }
            }
        ]
    });

Even though I’ve specified the rowHeight to be 25, once I set the height beyond about 1400, the rowHeight starts increasing on its own.

How can I make the scheduler display without a scrollbar?

[Peter StoevKeymaster]

Just don’t set the height property of the Scheduler.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[mkrajewParticipant]

If I don’t set the height, the height is being set automatically to 600px.

See your example here and comment out the height property:
https://www.jseditor.io/?key=jqxscheduler-height-property

[Peter StoevKeymaster]

Hi mkrajew,

Sorry, my mistake. Yes, it sets it to the default height. Set the property to null to get the desired result.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[mkrajewParticipant]

Thank you! That is exactly what I’m looking for. (I’d suggest adding this tidbit to your documentation for Height)

However…..the Day view doesn’t calculate the height correctly.
Again, see your example here:
https://www.jseditor.io/?key=jqxscheduler-columnsheight-property

1) Set the height to null
2) It displays correctly on Week view
3) Switch to Day view
4) Notice the bottom resources bar is drawn incorrectly, covering up the hours 11pm-midnight.

[Author]

Posts