This is a migrated thread and some comments may be shown as answers.

RadScheduler customization

1 Answer 142 Views

UI for ASP.NET AJAX in ASP.NET MVC

This is a migrated thread and some comments may be shown as answers.

Jan asked on 13 Dec 2009, 08:36 PM

Dear Telerik team,

Firstly, appologize my weak english.
I am using RadScheduler in ASP.NET MVC (WebService binding mode), but having hard time with customization. Can You please answer me these questions?
I know, that RadScheduler was developed mainly for ASP.NET , but I need to get it to work as much as possible in ASP.NET MVC.

1) Is it possible to use Ajax Loading panel? I had a go to get it to work, but without success
2) I would like to allow user create an appoiment with mouse only. User should have the opportunity to click on start time and drag the appointment to the end time. I have success only with creating an appointment with given duration (and dragging after creation).

    
            <telerik:RadCodeBlock runat="server" ID="InitialScriptCodeBlock1">  
        
                    <telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnableScriptLocalization="true" 
        
                        EnableScriptGlobalization="true" /> 
        
                    <telerik:RadAjaxManager ID="RadAjaxManager2" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">  
        
                        <ClientEvents /> 
        
                        <AjaxSettings> 
        
                            <telerik:AjaxSetting AjaxControlID="Panel1">  
        
                                <UpdatedControls> 
        
                                    <telerik:AjaxUpdatedControl ControlID="RadScheduler1" LoadingPanelID="RadAjaxLoadingPanel1" /> 
        
                                </UpdatedControls> 
        
                            </telerik:AjaxSetting> 
        
                        </AjaxSettings> 
        
                    </telerik:RadAjaxManager> 
        
                    <telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1" Skin="Office2007" 
        
                         BackImageUrl="~/Content/Images/loadingAnimation.gif" BackgroundPosition="Center" /> 
        
                    <telerik:RadAjaxPanel ID="Panel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1">  
        
                        <telerik:RadScheduler runat="server" ID="RadScheduler1" AllowDelete="false" AllowEdit="true" 
        
                            AllowInsert="false" MinutesPerRow="15" StartEditingInAdvancedForm="false" StartInsertingInAdvancedForm="false" 
        
                            OnClientAppointmentDoubleClick="OnClientAppointmentDoubleClick" OnClientTimeSlotClick="OnClientTimeSlotClick" 
        
                            OnClientAppointmentDeleting="OnClientAppointmentDeleting" OnClientAppointmentDataBound="OnClientAppointmentDataBound" 
        
                            Height="900px" OnClientAppointmentEditing="OnClientAppointmentEditing" OnClientAppointmentContextMenuItemClicked="appointmentContextMenuItemClicked" 
        
                            SelectedView="WeekView" DayHeaderDateFormat="dddd, dd MMMM yyyy" HoursPanelTimeFormat="HH:mm">  
        
                            <AppointmentContextMenus> 
        
                                <%--The appointment context menu interaction is handled on the client--%> 
        
                                <%--See the JavaScript code above--%> 
        
                                <telerik:RadSchedulerContextMenu runat="server" ID="SchedulerAppointmentContextMenu">  
        
                                    <Items> 
        
                                        <telerik:RadMenuItem Text="Export iCalendar" Value="GenerateVCal" ImageUrl="~/Content/Images/Icons/iCalendar16.png" /> 
        
                                        <telerik:RadMenuItem IsSeparator="True" /> 
        
                                        <telerik:RadMenuItem Text="Delete" Value="CommandDelete" ImageUrl="~/Content/Images/DataEditing/Delete.gif" 
        
                                            Enabled="True" /> 
        
                                    </Items> 
        
                                </telerik:RadSchedulerContextMenu> 
        
                            </AppointmentContextMenus> 
        
                            <TimelineView GroupBy="Calendar" GroupingDirection="Vertical" /> 
        
                            <AdvancedForm Enabled="false" EnableResourceEditing="false" /> 
        
                            <WebServiceSettings Path="~/Models/SchedulerWebService.asmx" ResourcePopulationMode="ServerSide" /> 
        
                        </telerik:RadScheduler> 
        
                    </telerik:RadAjaxPanel> 
        
                </telerik:RadCodeBlock>

Thank You Jan

RadScheduler customization

1 Answer, 1 is accepted