1

I am using the FullCalendar plugin to display a lot of events. It seems though that sometimes these events are placed on top of each other like in the picture below... Anyone knows how to prevent it?

http://imageshack.us/photo/f/707/bugqp.png/

The feed:

events: [
{
    title: 'One event',
    start: new Date(y, m, d, 0, 30),
    end:  new Date(y, m, d, 2, 30),
    allDay: false
},
{
    title: 'One event',
    start: new Date(y, m, d, 0, 30),
    end:  new Date(y, m, d, 2, 30),
    allDay: false
},
{
    title: 'One event',
    start: new Date(y, m, d, 2, 30),
    end:  new Date(y, m, d, 4, 30),
    allDay: false
},
{
    title: 'One event',
    start: new Date(y, m, d, 2, 30),
    end:  new Date(y, m, d, 4, 30),
    allDay: false
},
{
    title: 'One event',
    start: new Date(y, m, d, 2, 30),
    end:  new Date(y, m, d, 4, 30),
    allDay: false
},

{
    title: 'One event',
    start: new Date(y, m, d, 1, 00),
    end:  new Date(y, m, d, 3, 00),
    allDay: false
},

{
    title: 'One event',
    start: new Date(y, m, d, 1, 30),
    end:  new Date(y, m, d, 3, 30),
    allDay: false
},
{
    title: 'One event',
    start: new Date(y, m, d, 2, 50),
    end:  new Date(y, m, d, 4, 50),
    allDay: false
},
{
    title: 'One event',
    start: new Date(y, m, d, 4, 30),
    end:  new Date(y, m, d, 6, 30),
    allDay: false
},
{
    title: 'One event',
    start: new Date(y, m, d, 2, 00),
    end:  new Date(y, m, d, 4, 00),
    allDay: false
},

{
    title: 'One event',
    start: new Date(y, m, d, 2, 50),
    end:  new Date(y, m, d, 4, 50),
    allDay: false
},

{
    title: 'One event',
    start: new Date(y, m, d, 2, 50),
    end:  new Date(y, m, d, 4, 50),
    allDay: false
},      
{
    title: 'One event',
    start: new Date(y, m, d, 4, 00),
    end:  new Date(y, m, d, 6, 00),
    allDay: false
}               
]
2
  • For anyone interested, I started a jsfiddle, seems like it might not be possible though, at least without major manipulation Dec 12, 2012 at 23:51
  • Defining static width does not solve the collision problem. So far I've been playing with function stackSegs(segs) in fullcalendar.js but cant get the desired result.
    – kosiaciok
    Dec 17, 2012 at 14:39

1 Answer 1

0

There's an AgendaView option for that introduced in v1.6.4. From the docs:

slotEventOverlap 1.6.4

Determines if timed events in agenda view should visually overlap.

Boolean, default: true

When set to true (the default), events will overlap each other. At most half of each event will be obscured.

When set to false, there will be absolutely no overlapping.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.