aligning events

In my scheduler, there are some intersecting events, I want X type of events to be aligned to the left and Y type of events at the righthand side of the scheduler.

How can this be achieved?

In addition, here is an example scheduler:

I want yellow ones to be at the left side, while red one to be at the right.

Yellow events and red events have seperate css classes and event.type’s.

Unfortunately it can’t be achieved easily. The only way - redefining the scheduler event-placing logic, which will require a lot of complex custom coding.