Calendar: Duration Bar

Disabling the duration bar

<DayPilot:DayPilotCalendar runat="server"
DurationBarVisible="false"
...
/>

Custom width

duration-bar-width.png

<DayPilot:DayPilotCalendar runat="server"
DurationBarWidth="10"
...
/>

Custom color

<DayPilot:DayPilotCalendar runat="server"
DurationBarColor="Red"
...
/>

Custom image

tentative.png

<DayPilot:DayPilotCalendar runat="server"
DurationBarImageUrl="tentative.png"
...
/>

Custom color (per event)

    protected void DayPilotCalendar1_BeforeEventRender(object sender, BeforeEventRenderEventArgs e)
    {
        if (e.Tag[0] == "2")
        {
            e.DurationBarColor = "red";
        }

    }

Custom image (per event)

tentative.png

    protected void DayPilotCalendar1_BeforeEventRender(object sender, BeforeEventRenderEventArgs e)
    {
        if (e.Tag["status"] == "tentative")
        {
            e.DurationBarImageUrl = "tentative.png";
        }

    }

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