HOWTO: Show images in events

Applies to: DayPilotCalendar

You can render images in events using BeforeEventRender event:

protected void DayPilotCalendar1_BeforeEventRender(object sender, BeforeEventRenderEventArgs e)
{
  if (e.Value == "2")
  {
    e.InnerHTML = "<img src='yourimage.png' width='15' height='15' /> " + e.InnerHTML;
   }
}

You can also use Tag fields to load event type from a database:

protected void DayPilotCalendar1_BeforeEventRender(object sender, BeforeEventRenderEventArgs e)
{
  switch (e.Tag["type"]) {
     case "meeting":
       e.InnerHTML = String.Format("<img src='meeting.png' width='15' height='15' /> {0}", e.InnerHTML);
       break;
     case "break":
       e.InnerHTML = String.Format("<img src='break.png' width='15' height='15' /> {0}", e.InnerHTML);
       break;
  }
}

See also Custom event rendering.

DayPilot for ASP.NET WebForms, DayPilot for ASP.NET MVC, DayPilot for Java