Start Building Professional
Web Apps Today

dhtmlXScheduler

I'm running into a quirky problem where the dhtmlXScheduler control is rendering slightly larger then its div, but when it re-renders by resizing the browser or clicking any of the day\week\month view buttons, the dhtmlXScheduler displays properly. While I get the issue consistently with Firefox, IE8 doesn't seem affected.

The basic idea is this:

<div id="CalendarViewForm" style="position:relative; padding:0px; height:800px; width:100%">
<div style="position:absolute; width:250px;">
</div>
<div style="position:absolute; left:250px; right:0px; top:0px; margin:0px; padding:0px; height:100%; width:auto">
     <div id="myScheduler" class="dhx_cal_container" style="position:relative; width:100%; height:100%;">
         <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" style="display:none"></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>
</div>
</div>

For example, dhx_cal_navline will be created with a width of 839px and then drop down to 822px which is the initial size of myScheduler.