Rotate doesn't re-render

Discontinued products Scheduler for Mobile and Touch devices
#1

Hi:

When I rotate my device the calendar doesn’t re-render to the new size.

For example: When the device (in this case an ipad) is in portrait mode, the initial calendars renders ok. Width is edge to edge. However, when I rotate to landscape, the calendar width does’t change to the landscape mode. The calendar aligns left and the width is unchanged, showing a narrow calendar. Aligned left with empty space to it’s right.

If the calendar starts in landscape mode and then is rotated to portrait, the calendar is cut in half.

I believe this may be caused by the fact that I use a calendar container.

    // Can't add activities using calender 
    scheduler.config.readonly = true;

    //dhx.debug = true; // only turn on if debugging 

    $.proxy(dhx.ready(function () {
        dhx.ui.fullScreen();
        dhx.ui({
            container: "schedulerDiv",
            view: "scheduler",
            id: "scheduler"
        });

I’ve tried adjusting the style, with no luck.

#schedulerDiv {
height:550px;
width: 100%;
margin:0;
padding:0;
/* overflow:hidden; /
/ position:relative; */
}

Thanks for your help

Jim

#2

Hi,

to resize components correctly you should initialize UI in document body - do not use container. If you want to limit the height of scheduler, you may use layout with 2 or more rows. One of this rows should be scheduler view. For example:

$.proxy(dhx.ready(function () { dhx.ui.fullScreen(); dhx.ui({ rows:[ { view: "scheduler", id: "scheduler", scroll:true, height:550 }, {} ] }); ... }) );