small issue if height of the scheduler is not set to 100%

Scheduler Javascript
#1

If I set the height of the dhx_cal_container to 30% for example (scrollbar appears), the bottom line of the calendar is not shown. I want to place some buttons below the calendar so I can’t use 100% height.

Here’s a small sample:

[code]

dhtmlxScheduler 
<style type="text/css" media="screen">    	
	html, body {
		margin: 0px;
		padding: 0px;
		height: 100%;
		overflow: hidden;
	}		
	.dhx_cal_container
	{
	    width:100%; 
	    height:30%;
	}
</style>

<script type="text/javascript">    
//<![CDATA[                  

    function loadSched()
    {        
    scheduler.config.first_hour = 1;
    scheduler.config.last_hour = 23;
    scheduler.init('scheduler_here',null,"week");        
    }
                                                                              
//]]>    	
</script>
 
 
[/code]

I attached a screenshot where the first image displays the issue and the second shows what I want to achieve.

sample.JPG1280×580 64.5 KB

#2

By default scheduler container don’t have bounding borders, bottom border that visible when height is 100% belongs to the last scale element.
You can add them with custom style:

#scheduler_here{ border-bottom: 1px solid #cecece; }

#3

I tried that and works great if the scheduler doesn’t fit on screen (scrollbar appears), but if the calendar fits on the screen (another user with a higher resolution) I see the line of the latest scale element (for example at 480px height) and the border of the scheduler container (for example at 500px).
Besides, even if I scroll down to the latest scale element the bottom line doesn’t appear.