I initialise scheduler in an invisible div and then display it later using jQuery.
Everything works really well - unless I use my browser scroll bar first. If I scroll by say 3cm, the mouse will act as if it is 3cm off on the scheduler. As you can see in this video, it renders scheduler unusable. When someone adds an appointment, it goes in at the wrong time and when then try to drag it, it jumps wildly.
Here is how I am initialising scheduler:
[code]scheduler.config.multi_day = true;
scheduler.config.show_loading=true;
scheduler.config.xml_date="%Y-%m-%d %H:%i";
scheduler.config.scroll_hour=9;
scheduler.init('scheduler_here',null,"week");
scheduler.load("/system/api/AppointmentFeed.php?userid=" + user);
scheduler.templates.event_class=function(start,end,event){
switch ( event.type ){
case "1" : return "contact_event";
case "2" : return "user_event";
case "3" : return "gmail_event";
} //switch
} //scheduler class
var dp = new dataProcessor('/system/api/calUpdate.php');
dp.setTransactionMode("POST",false);
dp.init(scheduler);[/code]
This is the HTML bit:
[code]<div style="display:none;" class="jqmWindow1" id="ex3">
<div id="scheduler_here" class="dhx_cal_container" style="width:100%; height:450px; style="z-index: 6001">
<div class="dhx_cal_navline">
<div class="dhx_cal_prev_button"> </div>
<div class="dhx_cal_next_button"> </div>
<div class="dhx_cal_today_button"></div>
<div class="dhx_cal_date"></div>
<div class="dhx_cal_tab" name="day_tab" style="right:204px;"></div>
<div class="dhx_cal_tab" name="week_tab" style="right:140px;"></div>
<div class="dhx_cal_tab" name="month_tab" style="right:76px;"></div>
</div>
<div class="dhx_cal_header"> </div>
<div class="dhx_cal_data"> </div>
</div> <!--scheduler-->
</div>[/code]
Video would not upload 
but I can send it to you if you need to see it.