Say you've assigned a resource to an appointment and you want to make it visually distinctive from the rest.  The resource can be anything - room, status, priority and so on. Until the Q1'09 release this required writing some code, but not any more.

You can now define a set of resource filters that will apply a CSS class when a match is found. For example:

<telerik:RadScheduler runat="server" ID="RadScheduler1" ...>

<telerik:ResourceStyleMapping Type="Calendar" Text="Development" ApplyCssClass="rsCategoryGreen" />

<telerik:ResourceStyleMapping Type="Calendar" Text="Marketing" ApplyCssClass="rsCategoryRed" />

<telerik:ResourceStyleMapping Type="Calendar" Text="Work" ApplyCssClass="rsCategoryOrange" />


You can match resource's type, key and/or text. All matching rules will be applied.

For your convenience, we've included a number of predefined styles:

  • bg_blue rsCategoryBlue
  • bg_darkblue rsCategoryDarkBlue
  • bg_darkgreen rsCategoryDarkGreen
  • bg_green rsCategoryGreen
  • bg_darkred rsCategoryDarkRed
  • bg_orange rsCategoryOrange
  • bg_pink rsCategoryPink
  • bg_red rsCategoryRed
  • bg_violet rsCategoryViolet
  • bg_yellow rsCategoryYellow

Happy styling!

About the Author

Iana Tsolova

is Product Manager at Telerik’s DevTools division. She joined the company back in the beginning of 2008 as a Support Officer and has since occupied various positions at Telerik, including Senior Support Officer, Team Lead at one of the ASP.NET AJAX teams and Technical Support Director. Iana’s main interests are web development, reading articles related to geography, wild nature and latest renewable energy technologies.

Related Posts


Comments are disabled in preview mode.