jQuery UI Widgets Forums Scheduler No scrollbar

This topic contains 4 replies, has 2 voices, and was last updated by  mkrajew 6 years, 1 month ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    No scrollbar Posts
  • No scrollbar #86604

    mkrajew
    Participant

    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?

    No scrollbar #86608

    Peter Stoev
    Keymaster

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

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    No scrollbar #86639

    mkrajew
    Participant

    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

    No scrollbar #86644

    Peter Stoev
    Keymaster

    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

    No scrollbar #86678

    mkrajew
    Participant

    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.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.