Show cool things you have done with our products


Post by praveen.shastri »

Hello Mats,

How do I use different css styles for different events?

Example. System has three kinds of tasks/events PROJECT,LEAVE and TRAVEL. Now For 'project' event I want green color box, for 'leave' i would need yellow color box, for 'travelling' I would need red box.

Is it possible?
Last edited by praveen.shastri on Sun Nov 07, 2010 7:43 am, edited 1 time in total.

Post by mats »

Very easy :). A good idea is to browse through the online examples and view the source:

http://ext-scheduler.com/examples/G ... uping.html
// Default renderer, supplies data to be applied to the event template
    renderer : function (event, r, row, col, ds) {
        // Add data to be applied to the event template
        return {
            text : event.get('StartDate').format('Y-m-d'),
            cls : r.get('Category') // This gets added to the containing event DOM node
        };
    },


Post Reply