Problems with Scheduler not resizing when sidebar is added

Scheduler Javascript
#1

Hello,

I am having problems where the scheduler is not reacting to a change in container width. I have tried the inbuilt api methods to trigger the scheduler to resize, however it makes no difference.

I have created a JSFiddle which shows the behaviour.

jsfiddle.net/tq5kowhq/2/

Drag an event on the month view and the sidebar is shown and scheduler container resized. If you change the view to week or day you will see the scheduler redraws to the correct width.

I hope you can help.

Thanks,
Tim

#2

Hi,
in your example you call “scheduler.updateView()” method when animation just start. You need to call the update when animation is completed:

[code]function openEditForm() {
var editor = $(’#scheduler_editor’);
var schedule = $(’#scheduler_here’);

editor.addClass("visible").animate({'right':'0'});
schedule.animate(
    {'right':'350px','position':'absolute'},
    function(){
        scheduler.updateView();
    }
);

}[/code]
api.jquery.com/animate/

1 Like
#3

Hello,

Thank-you very much for your answer!

It works perfectly and now I understand why the resize was not functioning!

Thank-you again!!