Resize dinamically scheduler.config.hour_size_px

Scheduler Javascript
#1

Hi,

Is possible to resize dinamically the scheduler.config.hour_size_px value and see the changes applied in the calendar? Is necessary to reload the calendar to see the changes?

Thanks

Aleix

#2

no need to reload, just repaint it, by using

scheduler.config.hour_size_px = n; scheduler.setCurrentView(scheduler._date); //repaints

#3

Hi,

 What I'm seeing with this is that the value of scheduler.config.hour_size_px is changed correctly, but the size of the calendar only changes in the first click. This is the code that I have:

 First, I create two buttons to make a "Zoom In", "Zoom Out" efect like this:

 <div class="dhx_cal_zoomin_button" onclick="zoomIn()">ZoomIn</div>
 <div class="dhx_cal_zoomout_button" onclick="zoomOut()">ZoomOut</div>

 On Click, they call the following javascript funcions:

 function zoomIn() {
         scheduler.config.hour_size_px = scheduler.config.hour_size_px + 50;
         scheduler.setCurrentView(scheduler._date);
 }
 function zoomOut() {
         scheduler.config.hour_size_px = scheduler.config.hour_size_px - 50;
         scheduler.setCurrentView(scheduler._date);
 }

 Is this correct? Should I see a progressive Zoom In and Out?
 Thanks

Aleix

#4

You are using scheduler 2.2 , right?
Locally, the same code works correctly (quite interesting use-case by the way)

#5

Hi,

My tests were incorrect, so I was testing with Month View. In Week view works fine. The only problem is that if you Zoom Out too much, the events overlap between them, but makes sense.

Thanks

Aleix

#6

Can be changed by decreasing

scheduler.xy.min_event_height //( ver 2.3+ )

but values smaller than default one will cause text rendering problems.

#7

Great! Will test.

Thanks
Aleix