html5-scheduler-row-header-active-area.png

You can define custom active areas for each row header.

JavaScript

<div id="dp"></div>
<script type="text/javascript">

  var dp = new DayPilot.Scheduler("dp");
  // ...
  dp.resources = [
    { name: "Room A", id: "A", areas: [{"action":"JavaScript","js":"(function(e) { alert(e.Value);; })","bottom":0,"w":17,"v":"Hover","html":"<div><div><\/div><\/div>","css":"resource_action_menu","top":0,"right":0}] },
    { name: "Room B", id: "B", areas: [{"action":"JavaScript","js":"(function(e) { alert(e.Value);; })","bottom":0,"w":17,"v":"Hover","html":"<div><div><\/div><\/div>","css":"resource_action_menu","top":0,"right":0}] },
    { name: "Room C", id: "C", areas: [{"action":"JavaScript","js":"(function(e) { alert(e.Value);; })","bottom":0,"w":17,"v":"Hover","html":"<div><div><\/div><\/div>","css":"resource_action_menu","top":0,"right":0}] }
  ];
  dp.init();
</script>

ASP.NET WebForms

Use BeforeResHeaderRender event handler (e.Areas).

protected void DayPilotScheduler1_BeforeResHeaderRender(object sender, DayPilot.Web.Ui.Events.Scheduler.BeforeResHeaderRenderEventArgs e)
{
  e.Areas.Add(new Area().Width(17).Bottom(0).Right(0).Top(0).CssClass("resource_action_menu").Html("<div><div></div></div>").JavaScript("alert(e.Value);"));
}

The sample .resource_action_menu class is defined in Themes/areas.css.

Demo

ASP.NET MVC

protected override void OnBeforeResHeaderRender(BeforeResHeaderRenderArgs e)
{
  e.Areas.Add(new Area().Width(17).Bottom(0).Right(0).Top(0).CssClass("resource_action_menu").Html("<div><div></div></div>").JavaScript("alert(e.Value);"));
}