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

iCalendar Import

*Allowed file extensions:'.ics', size limit: 2MB
  • today
November 2024
November 2024
SMTWTFS
     12
3456789
10111213141516
17181920212223
24252627282930
       
Nov, 2024
  • Day
  • Week
  • Month
  • Timeline
Sun
Mon
Tue
Wed
Thu
Fri
Sat
27
28
29
30
31
1 Nov
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

Dismiss AllDismissOpen Item
Click Snooze to be reminded again in:
Snooze
5 minutes before start

In this demo is shown how data can be imported from an iCalendar file to RadScheduler. RadAsyncUpload is used to upload the file with extension "ics" and pass the information about the appointments to RadScheduler.

In order to achieve this we are using DDay.iCal .Net Library, which offers a rich object model for reading and manipulating iCalendar files and data. Event, To-Do and Journal components which read from the iCalendar file are imported in RadScheduler as AppointmentInfo objects. Events' Recurrence Rules are parsed in a way as if they were created by the interface which RadScheduler offers (in the Advanced Edit Form). To-Dos and Journal entries are imported as 'All Day Events' as most often they do not have End Date or Duration specified.

In the current implementation the import of some appointments with more complex structure of the recurrence exceptions is not supported.

  • DefaultVB.aspx
  • DefaultVB.aspx.vb
  • scripts.js
<%@ Page Language="VB" AutoEventWireup="true" Inherits="Scheduler.Examples.ICalendarImport.DefaultVB"CodeFile="DefaultVB.aspx.vb"  %>

<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<%@ Register TagPrefix="sds" Namespace="Telerik.Web.SessionDS" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <telerik:RadProgressManager ID="RadprogressManager1" runat="server" />
    <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
        <script type="text/javascript">
            /* <![CDATA[ */
            Sys.Application.add_load(function () {
                demo.ajaxManager = $find("<%= RadAjaxManager1.ClientID %>");
            });
            /* ]]> */
        </script>
        <script type="text/javascript" src="scripts.js"></script>
    </telerik:RadScriptBlock>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadScheduler1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadScheduler1" LoadingPanelID="RadAjaxLoadingPanel1" />
                    <telerik:AjaxUpdatedControl ControlID="Label1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadScheduler1" LoadingPanelID="RadAjaxLoadingPanel1" />
                    <telerik:AjaxUpdatedControl ControlID="Label1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
    </telerik:RadAjaxLoadingPanel>
    <div class="demo-container">
        <telerik:RadAsyncUpload RenderMode="Lightweight" runat="server" ID="RadAsyncUpload1" OnClientFilesUploaded="OnClientFilesUploaded"
            AllowedFileExtensions=".ics" OnFileUploaded="RadAsyncUpload1_FileUploaded" AutoAddFileInputs="false">
        </telerik:RadAsyncUpload>
        <asp:Label ID="Label2" Text="*Allowed file extensions:'.ics', size limit: 2MB" runat="server" Style="font-size: 10px;"></asp:Label>
        <asp:Label ID="Label1" runat="server" Text="" Style="color: Red;" EnableViewState="false"></asp:Label>
        <telerik:RadScheduler RenderMode="Lightweight" ID="RadScheduler1" runat="server" AllowInsert="false" AllowEdit="false" AllowDelete="false"
            DataKeyField="ID" DataSubjectField="Subject" DataStartField="Start" DataDescriptionField="Description"
            DataEndField="End" DataRecurrenceField="RecurrenceRule" SelectedView="MonthView" DataReminderField="Reminder"
            DataRecurrenceParentKeyField="RecurrenceParentId" EnableDescriptionField="true">
            <Reminders Enabled="true" />
            <AppointmentTemplate>
                <span><%# Eval("Subject") %></span>:
                <span><%# Eval("Description") %></span>
            </AppointmentTemplate>
        </telerik:RadScheduler>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance