resizing the header row on the scheduler's timeline view.

Scheduler Javascript
#1

Hi Guys,
I am using the following code to set my scalex_class on my timeline view:

        scheduler.templates.timeline_scalex_class=function()
        {
            return 'timeline_scalex_class';
        }

I then try and set the height using the following css:

.timeline_scalex_class
{
	height: 111px;
}

and the height of the header row doesn’t change. Using the following CSS does however, change the background colour of the header row:

.timeline_scalex_class
{
	height: 111px;
	background-color: red;
}

I am using Internet Explorer 8, has anyone had success resizing the header row?

Kind regards
Greg Goldberg

#2

The height of elements can’t be changed so easily. Scheduler need to maintain fixed inner layout, so it ignores most sizing from css.

But can be done through script

scheduler.xy.scale_height = 100;

docs.dhtmlx.com/doku.php?id=dhtm … on_in_deep

#3

Hi Stanislav,
That worked beautifully, except for the fact that it resizes the header row on the dhtmlxscheduler_minical.js form_block as well.
Is there any way I can resolve this?
Kind regards
Greg Goldberg

#4

Mini-calendar reuses logic of month view rendering - it uses the same content for the header as month view so it takes all the same sizes.

You can add the next css to fix height in case of minical

<style type="text/css" media="screen"> .dhx_mini_calendar .dhx_scale_bar{ height:20px !important; } </style>

#5

Hi Stanislav,
Thanks for the CSS code, that will fix my issue immediately, however the bug isn’t only that it re-sized the header. The re-sizing of the header in the calendar looks like unwanted behaviour because it covered the first row of days in the month in the calendar when it was resized, which you may also want to review.
Kind regards
Greg

#6

Yep, it added to the list of future improvements, because existing behavior of scale_height in the minical is useless at least.