Bootstrap container incompatible with Scheduler and IE8?

Scheduler Javascript
#1

Hi,

I’m trying to include my DHTMLX Scheduler into a Bootstrap template:

<div class="container-fluid">
    <div class="row">
        <!-- CODE OF SCHEDULER -->
    </div>
</div>

It works for latest Firefox, Chrome, Explorer, but not with Explorer 8 (i don’t know Explorer 7, 9, …). If I remove the two div’s it works again with Explorer 8.

The JS error is: “Invalid argument in dhtmlxscheduler_timeline.js, Line 17 Character 191”

Looking this line of this file it seems to be related to the height:

scheduler.xy.scale_height;scheduler._cols=[];scheduler._colsS={height:0};this._trace_x=[];var d=scheduler._x-this.dx-scheduler.xy.scroll_width,h=[this.dx],e=scheduler._els.dhx_cal_header[0];e.style.width=h[0]+d+"px";scheduler._min_date_timeline=scheduler._min_date;var l=scheduler.config.preserve_scale_length,f=scheduler._min_date;scheduler._process_ignores(f,this.x_size,this.x_unit,this.x_step,l);var i=this.x_size+(l?scheduler._ignores_detected:0);if(i!=this.x_size)scheduler._max_date=scheduler.date.add(scheduler._min_date,

Do you think is it possible to have some fix?

#2

You need to be sure that scheduler’s container has not zero height.
With above code is scheduler’s container has some height after page rendering ?
If you set fixed height ( in pixels ) on scheduler’s container - it will work for sure.
If you are setting percent based height on scheduler’s container - be sure that parent containers has some non-zero height settings.

#3

Thx!

I fixed it with this CSS:

.dhx_cal_container, .container-fluid, .row {
    height:100%;
}