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: [{onClick: function(args) { alert(args.source.id); }, bottom: 0, width: 17, visibility: "Hover", html: "<div><div></div></div>", css: "resource_action_menu", top: 0, right: 0}] },
    { name: "Room B", id: "B", areas: [{onClick: function(args) { alert(args.source.id); }, bottom: 0, width: 17, visibility: "Hover", html: "<div><div></div></div>", css: "resource_action_menu", top: 0, right: 0}] },
    { name: "Room C", id: "C", areas: [{onClick: function(args) { alert(args.source.id); }, bottom: 0, width: 17, visibility: "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);"));
}