Features

Advanced features of DayPilot Pro:

1. Event Moving and Resizing (AJAX)

00-moving.png

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)

edit.png

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)

deleting-detail.png

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)

05-contextmenu.png

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)

01-timerange.png

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

03-resourcesview.png

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

monthly-event-calendar-asp-net.png

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)

03-resourcesview.png

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)

vertical-resources.png

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

05-customevents.png

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

04-businesshours.png

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

07-cellsize.png

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

gantt-chart-asp-net-interactive.png

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:

14. Full CSS Support (+ Themes)

event-scheduler-transparent-css-theme.png

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)

scheduler-dynamic-event-loading.png

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:

16. Resource Groups (Scheduler)

scheduler-resource-groups.png

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:

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