DayPilot Scheduler Control for ASP.NET

• Download DayPilot 3.2 SP1 Source Code - 159 kB [codeproject.com] 
• Download the Latest Source Code [daypilot.org] 
• Live Demo [daypilot.org]  

 Live Demos   

• Monthly scheduler 
• Weekly scheduler 
• Daily scheduler 
• Free/busy scheduler 
• Timeline

Features

Main features:

• Simple and clean look
• Multiple resources on the Y axis
• Customizable time scale on the X axis (one cell = 1 minute, 1 hour, 1 day, 1 week ...)
• Highlights business hours (customizable color)
• Automatically handles concurrent events
• Customizable event box (text, size, background color, duration bar...)
• Customizable fonts and colors

Database connectivity:

• DataSource and DataSourceID properties supported
• SqlDataSource
• XmlDataSource
• DataTable
• DataSet
• ArrayList
• and other sources...

Event handling:

• Free time slot click event (automatic PostBack or manual JavaScript handling)
• Calendar event click event (automatic PostBack or manual JavaScript handling)

Licensing: 

• Open-source (Apache Software License 2.0)

Compatibility:

• Internet Explorer 6
• Internet Explorer 7
• Firefox 2
• Firefox 3
• Opera 9
• Safari 2
• Safari 3
• Google Chrome 1

Background Information

DayPilot Scheduler reuses the event arranging algorithms introduced in the DayPilot Calendar control (Outlook-like day and week view calendar/scheduler):

DayPilot Calendar detects blocks of overlapping events so they could be displayed properly. The width of each event box is adjusted according to the number of concurrent events:

DayPilot Scheduler uses the same arranging algorithm but the layout is different:

• The Scheduler shows the time on the X axis.
• Event box height is fixed.
• Concurrent events are handled by increasing the row height, not by shrinking the event box.

This reduces the concurrency problem: The increasing number of concurrent events doesn't reduce readability.

See Also 

• AJAX Event Calendar (Scheduler) for ASP.NET MVC 3 in 80 Lines of Code [codeproject.com]
• DayPilot - Building an Outlook-Like Calendar Component for ASP.NET [codeproject.com] 
• Using DayPilot 2 (Outlook-like calendar/scheduling control for ASP.NET) [codeproject.com] 
• DayPilot Calendar Tutorial  [daypilot.org] 

Minimum Setup Sample

<DayPilot:DayPilotScheduler 
  ID="DayPilotScheduler1" 
  runat="server" 
  DataSourceID="SqlDataSource1"
  DataStartField="start" 
  DataEndField="end" 
  DataTextField="name" 
  DataValueField="id" 
  DataResourceField="resource" 
  StartDate="2009-01-01"
  CellDuration="60" 
  Days="1" >
    <Resources> 
      <DayPilot:Resource Name="Room A" Value="A" /> 
      <DayPilot:Resource Name="Room B" Value="B" /> 
      <DayPilot:Resource Name="Room C" Value="C" /> 
    </Resources> 
</DayPilot:DayPilotScheduler> 

The first group properties defines the data binding:

• DataSourceID
• DataStartField (starting DateTime)
• DateEndField (ending DateTime)
• DataTextField (event text)
• DataValueField (event id)
• DataResourceField (resource id)

DataResourceField is important - the values from this column will be matched with the resource IDs (Resource.Value).

The second group defines the time range and scale:

• StartDate (first visible day)
• Days (number of visible days)
• CellDuration (cell duration in minutes)

And finally, it's necessary to define the resources (rows):

• Resource.Name (row name)
• Resource.Value (row ID)

Usage Examples

Daily Scheduler 

Settings:

Days="1" 
CellDuration="60"

StartDate is set manually in the code behind:

DayPilotScheduler1.StartDate = DateTime.Today; 

Weekly Scheduler

Settings: 

Days="7"
CellDuration="1440" 

The first day of week is calculated using Week.FirstDayOfWeek helper:

DayPilotScheduler1.StartDate = Week.FirstDayOfWeek(DateTime.Today, DayOfWeek.Monday);

Monthly Scheduler 

Settings:

CellDuration="1440" 

In this case, it's necessary to set the Days property manually:

DayPilotScheduler1.StartDate = 
	new DateTime(DateTime.Today.Year, DateTime.Today.Month, 1); 
DayPilotScheduler1.Days = 
	DateTime.DaysInMonth(DateTime.Today.Year, DateTime.Today.Month); 

Free/Busy Visualisation

This view doesn't show event name (DataTextField is bound to an empty column).

Settings:

DurationBarVisible="false"
EventBackColor="#4A71CE" 

Timeline Visualisation 

In the timeline view, the resources are replaced with events in the row headers. There is always just one event per row.

Settings: 

DurationBarVisible="false"
EventBackColor="#CA2A50" <span style="font-size: 9pt;"> </span>

Gantt 

DayPilot Scheduler can be switched to Gantt Chart mode using a single switch:

ViewType="Gantt"

In the Gantt mode, it will display each event in a separate row. See also a detailed explanation in the Gantt Chart Tutorial [code.daypilot.org].

See Also  

• DayPilot for ASP.NET WebForms 
• Download
• DayPilot for ASP.NET MVC
• Download 

DayPilot Tutorials 

• Open-Source Gantt Chart for ASP.NET [code.daypilot.org] 
• Project Management for ASP.NET [code.daypilot.org] 

History 

• May 17, 2013: Gantt added, updated screenshots  
• February 25, 2012: DayPilot Lite for ASP.NET WebForms 3.2 SP1 released   
• February 4, 2012: DayPilot Lite for ASP.NET WebForms 3.2 released  
• October 13, 2012: DayPilot Lite for ASP.NET WebForms 3.1 SP3 released  
• August 8, 2012: DayPilot Lite for ASP.NET WebForms 3.1 SP2 released - Visual Studio 2008 project fixed  
• June 8, 2012: DayPilot Lite for ASP.NET WebForms 3.1 released - allows custom event formatting for both Calendar and Scheduler controls (custom colors, HTML, duration bar using BeforeEventRender event handler)  
• December 19, 2008: DayPilot Lite 3.0 SP1 released - a bug fixing release (NonBusinessHours="HideIfPossible" mode fixed)  
• April 20, 2009: Release history link added. Minor formatting changes.