Jquery – How to adjust width and position of events in jQuery Full Calendar in week-view and day view

fullcalendarjqueryjson

I am using fullcalendar in one of my Rails projects to render events on calendar.

The jsfiddle shows the scenario.

I am able to adjust the width but it does not modify the position of events in the same row next to each other. Is there a callback or method which would adjust the position of events when the width is modified

Best Solution

Take a look at this fiddle: http://jsfiddle.net/100thGear/jRFYE/

I used the eventRender callback to alter the offset of the next event(s). Hope this helps and gives you an idea of how to proceed.


Why don't you use the className attribute of the event object to set this? You could set the width in the CSS class you are passing to this attribute.

Related Question