-
DayPilot Calendar
Outlook-like day/week view.
Customizable columns. -
DayPilot Month
Outlook-like month view.
-
DayPilot Scheduler
A time line for multiple resources.
-
DayPilot Lite
Open-source edition.
Features
Advanced features of DayPilot Pro:
1. Event Moving and Resizing (AJAX)
Events can be moved and resized by mouse drag & drop. The moving action can be handled in one of the following ways:
- on the client side by custom JavaScript function
- on the server side by PostBack event
- on the server side by AJAX callback event
DayPilot Pro handles the AJAX callback using standard ASP.NET 2.0 features and is not dependent on ASP.NET AJAX libraries.
See also: Moving demo | Resizing demo | Moving documentation | Resizing documentation
2. Event editing (AJAX)
Events can be edited inline. The changes can be handled in one of the following ways:
- on the client side by custom JavaScript function
- on the server side by PostBack event
- on the server side by AJAX callback event
DayPilot Pro handles the AJAX callback using standard ASP.NET 2.0 features and is not dependent on ASP.NET AJAX libraries.
See also: Demo | Documentation
3. Event deleting (AJAX)
The built-in delete "X" button can be turned on for events. The delete button clicking can be handled in one of the following ways:
- on the client side by custom JavaScript function
- on the server side by PostBack event
- on the server side by AJAX callback event
DayPilot Pro handles the AJAX callback using standard ASP.NET 2.0 features and is not dependent on ASP.NET AJAX libraries.
See also: Demo
4. Context menu (AJAX)
Context menu is accessible on right mouse click on an event. The menu click can be handled in one of the following ways:
- as a hyperlink
- on the client side by custom JavaScript function
- on the server side by PostBack event
- on the server side by AJAX callback event
DayPilot Pro handles the AJAX callback using standard ASP.NET 2.0 features and is not dependent on ASP.NET AJAX libraries.
The context menu supports separators and isf fully configurable (font, colors, title).
See also: Demo | Documentation
5. Time range selection (AJAX)
DayPilot Pro supports selecting a time range by mouse dragging. This is useful for creating new events. The time range selection can be handled in one of the following ways:
- on the client side by custom JavaScript function
- on the server side by PostBack event
- on the server side by AJAX callback event
DayPilot Pro handles the AJAX callback using standard ASP.NET 2.0 features and is not dependent on ASP.NET AJAX libraries.
See also: Demo | Documentation
6. Day view, week view, work week view
DayPilot Pro can show any number of columns representing days (the only limitation is the screen size). Set the starting day and number of total days to be displayed to get:
- single day view
- next three days view
- work week view
- week view
See also: Single day (demo) | Work week (demo) | Full week (demo)
7. Month View
The DayPilot Month control shows events in an Outlook-like month view:
- One cell = one day
- Drag and drop event moving and resizing
- Customizable week start (Sunday/Monday)
- Context menu
Documentation: Monthly Event Calendar
Demo: Monthly Event Calendar Demo
8. Resources view (resources on X axis)
In this view, the columns contain data for different resources instead of different days.
You can use the resources view for various scheduling of various resources:
- meeting rooms
- cars
- tools
- service people
- etc.
Although the number of columns is not technically limited you will get the best results with showing up to 10 resources (columns) at the same time. And here again, the only limitation is the screen size.
See also: Demo
9. Resources view (resources on Y axis)
The DayPilotScheduler control can also operate in Resources mode. The Resources are on the vertical axis and hours are on the horizontal axis.
The vertical view is suitable for a higher number of concurrent resources and a higher number of concurrent event for one resources (in comparison to the horizontal view).
See also: Demo
10. Custom event rendering
It is possible to modify properties of each event separately using BeforeEventRender event:
- Color of the bar on the left side can be modified.
- Backgroung color of the event can be modified.
- HTML content of the event can be modified (allows including images and modifying the default text)
See also: Demo
11. Custom cell rendering
It is possible to modify properties of each time cell using BeforeCellRender event.
- Change business/non-business status (the color will change accordingly).
- Use custom color.
This feature allows to specify custom business hours, e.g.
- business hours over the weekend
- business hours from 9:00 to 12:00 and 13:00 to 16:00
- overnight business hours starting at 18:00 and ending at 9:00
By changing the background color it is possible to differentiate several time ranges:
- different colors for three shifts
- time ranges with higher per hour fees
See also: Demo
12. Customizable cell size
It is possible to set the size of the time slots. The default setting is 2 slots per hour (30 minutes each).
- 1 slot per hour (60 minutes)
- 2 slots per hour (30 minutes)
- 3 slots per hour (20 minutes)
- 4 slots per hour (15 minutes)
- 5 slots per hour (12 minutes)
- 6 slots per hour (10 minutes)
- 10 slots per hour (6 minutes)
- 12 slots per hour (5 minutes)
See also: Demo
13. Gantt Chart
In the Gantt mode, the Scheduler will generate the rows automatically from the event set:
- Each event/task will be displayed on a separate row
- You can customize the task box using BeforeEventRender event (HTML, CSS class, context menu, action restrictions, active hover areas, etc.)
- You can customize the row header using BeforeResHeaderRender event (HTML, CSS class, active hover areas)
- Tasks can be moved and resized using drag and drop
See also:
- Documentation: Gantt Chart
- Demo: Gantt Chart Demo
- Tutorial: Gantt Chart Tutorial (ASP.NET project with C# and VB.NET source code]
14. Full CSS Support (+ Themes)
All controls can be fully styled using CSS themes. You can create your own theme easily using the online WYSIWYG CSS Theme Designer.
Sample Scheduler Themes:
15. On-Demand Loading (Scheduler)
The Scheduler supports large event data sets. The dynamic event loading mode asks for the partial data every time the user changes the viewport (similar to online map applications). The initial control loading is very fast and it doesn't depend on the total number of events.
See also:
- Documentation: Dynamic Event Loading
- Demo: Dynamic Event Loading Demo (showing 10,000 events)
16. Resource Groups (Scheduler)
The resources (rows) of the Scheduler can be arranged in a tree hierarchy. Parent nodes can be disabled for event operations (PreventParentUsage="true"). Children nodes can be loaded dynamically (Resource.ChildrenLoaded=false).
See also:
- Documentation: Resource Tree | Dynamic Resource Tree Loading
- Demo: Dynamic Tree Loading Demo | Preventing Parent Node Usage Demo