dhtmlxScheduler is not resizing properly

Scheduler Javascript
#1

Hello,

I am using a bootstrap based layout and there is div called “content” under that div I have placed all the dhtmlxScheduler divs as shown below. Problem is unless I specify some height explicity to be scheduler_here it appears very tiny. I have included below what the div content css setup is below. I have tried specifying height as 100% and that doesn’t work. I am not css expert and just learning. Any ideas how I should modify the parent “content” div so the schedular will occupy remaing height of the window, or show it with scrollbar?

 
 

#content {
box-shadow: -3px -1px 2px rgba(0, 0, 0, 0.95);
background: url("/static/img/bg.jpg") repeat scroll 0% 0% transparent;
filter: none;
padding: 25px 0px 25px 40px;
margin: -25px -4px;
position: relative;
z-index: 1;
min-height: 100%;
}

#2

I solved this problem using following code:

    $(document).ready(function(){
            resizeDiv();
    });

    window.onresize = function(event) {
            resizeDiv();
    }
    
    function resizeDiv() {
            console.log("RESIZE ME....");
            vpw = $(window).width(); 
            vph = $(window).height(); 
            $('#scheduler_here').css({'height': vph + 'px'});
    }

Now on to real issues with dhtmlxScheduler , which I love BTW.