Provide multiple color to the consecutive events created in the same row

[Nithin]

Hi,

I'm using vertical grouping in scheduler. One of my requirement involves giving color to the events created and each consecutive events color should be different.
Also right now I have a list of color i need to map each color to the room color accordingly 

My Example

[Tyler]

So, you need colors mapped to the room, but each color next to each other in the same row needs to be different?

[Veselin Tsvetanov]

Hi Nithin,

As far as I can see from the Dojo sample sent, you have the color of each event properly mapped to the color of the Room it belongs to. In case you need to automatically generate a different color for each newly created event, I am afraid, that the Scheduler does not support such feature.

If you think that such would add value to the widget, I would suggest you to log your idea on our Feedback portal. Based on the support it receives from the community, we will decide on whether to proceed with its implementation or not.

Regards,
Veselin Tsvetanov
Progress Telerik

[Nithin]

yes that is the idea Tyler.
Something like this(image below)

[Tyler]

This may get a little complicated, but all you can do is modify the color in the dataBound event of the scheduler.

I am thinking this will require extracting all events for a certain room from your array of events, which is easy enough with jQuery's $.grep function. 

Then, you can loop through and apply a different color to each event associated with that room. If you need to go in a direct order, you can first sort the events by date and time.

This will have to occur in the dataBound event of the scheduler. In here, you will have to manually change the css background-color of the events as you can't just do this with scheduler resources.

[Nithin]

thanks for the insight Tyler :)
i'll try this method