New to Telerik UI for ASP.NET Core? Download free 30-day trial

Telerik UI for ASP.NET Core Scheduler Import and Export to iCal

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Telerik REPL
HtmlHelper
TagHelper
Files:
import_export_ical.cshtml
Import_Export_IcalController.cs
Import_Export_Ical_TagHelper.cshtml

Also available for:

CLIENT-SIDE API SERVER-SIDE API

Description

In this example, you can see how you can use a third-party library (in this case, ical.js) that supports the iCalendar standard to import or export the ASP.NET Core Scheduler events.

To achieve fully customized iCalendar import/export integration you need to:

  • Define a custom DataSource schema based the iCalendar standards (kendo.data.schemas["scheduler-ical"])
  • Create Import and Export buttons which will use the importICal and exportICal methods
  • To import iCal data into the Scheduler component, you need to create an empty array, process it with the chosen iCal library (in this case ical.js) and use the Scheduler’s setDataSource method to push the generated array of iCal items to the Scheduler (refer to function importICal(iCalData) in the demo source code)
  • To export the Scheduler’s data to iCal you need to read the items from the Scheduler’s DataSource and create an iCal formatted text using the chosen iCal library (refer to function exportICal() in the demo source code)
This Scheduler example is part of unique collection of hundreds of ASP.NET Core demos, with which you can see all Telerik ASP.NET Core components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for ASP.NET Core or ThemeBuilder.

Support & Learning Resources

Additional Resources