Hi experts
i am using following code and it is not showing me advanced form, if i remove the advanced-form mode attribute than it is working fine.
Could you explain me the concept behind this
i am using following code and it is not showing me advanced form, if i remove the advanced-form mode attribute than it is working fine.
Could you explain me the concept behind this
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> <telerik:RadScriptManager runat="server" ID="RadScriptManager1" /> <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="RadScheduler1"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="RadScheduler1" LoadingPanelID="RadAjaxLoadingPanel1" /> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager> <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" /> <telerik:RadScheduler runat="server" ID="RadScheduler1" SelectedDate="2007-03-30" ShowViewTabs="False" StartEditingInAdvancedForm="true" DataSourceID="AppointmentsDataSource" DataKeyField="ID" DataSubjectField="Subject" DataStartField="Start" DataEndField="End" DataRecurrenceField="RecurrenceRule" DataRecurrenceParentKeyField="RecurrenceParentID" OnAppointmentCommand="RadScheduler1_AppointmentCommand" OnFormCreated="RadScheduler1_FormCreated" OnFormCreating="RadScheduler1_FormCreating" OnAppointmentCreated="RadScheduler1_AppointmentCreated" Height="" StartInsertingInAdvancedForm="true" AdvancedForm-Modal="true"> <ResourceTypes> <telerik:ResourceType KeyField="ID" Name="AppointmentType" TextField="Keyword" ForeignKeyField="AppointmentTypeID" DataSourceID="AppointmentTypesDataSource" /> </ResourceTypes> <ResourceStyles> <telerik:ResourceStyleMapping Type="AppointmentType" Text="technical" ApplyCssClass="rsCategoryGreen" /> <telerik:ResourceStyleMapping Type="AppointmentType" Text="specification_review" ApplyCssClass="rsCategoryOrange" /> <telerik:ResourceStyleMapping Type="AppointmentType" Text="code_review" ApplyCssClass="rsCategoryBlue" /> </ResourceStyles> <%-- <InlineInsertTemplate> <div id="InlineInsertTemplate" class="rsCustomAppointmentContainer technical"> <div> </div> <span class="rsCustomAppointmentContainerInner"> <asp:TextBox ID="TitleTextBox" runat="server" Text='<%# Bind("Subject") %>' Width="90%" TextMode="MultiLine" Height="20px"></asp:TextBox> <asp:LinkButton ID="InsertButton" runat="server" CommandName="Insert"> <asp:Image runat="server" ID="insertImage" ImageUrl="../images/ok.png" AlternateText="insert" /> </asp:LinkButton> <asp:LinkButton ID="InsertCancelButton" runat="server" CausesValidation="False" CommandName="Cancel"> <asp:Image runat="server" ID="Image2" ImageUrl="../images/cancel.png" AlternateText="cancel" /> </asp:LinkButton> <span class="inline-label">Color code:</span> <asp:RadioButtonList runat="server" ID="AppointmentTypeRadioButtonList" DataValueField="ID" CssClass="AppointmentTypeSelectorTable" DataSourceID="AppointmentTypesDataSource" SelectedValue='<%# Bind("AppointmentTypeID") %>' DataTextField="Keyword" RepeatDirection="Horizontal" DataTextFormatString="<span class='AppointmentTypeSelector rsAptType_{0}'></span>"> </asp:RadioButtonList> <asp:LinkButton ID="InsertMoreButton" runat="server" CommandName="More" CssClass="rsAdvancedEditLink">Advanced</asp:LinkButton> </span> </div> </InlineInsertTemplate> <InlineEditTemplate> <div id="InlineEditTemplate" class="rsCustomAppointmentContainer <%# Eval("AppointmentType.Text") %>"> <div> </div> <span class="rsCustomAppointmentContainerInner"> <asp:TextBox ID="TitleTextBox" runat="server" Text='<%# Bind("Subject") %>' Width="90%" TextMode="MultiLine" Height="20px"></asp:TextBox> <asp:LinkButton ID="InsertButton" runat="server" CommandName="Update"> <asp:Image runat="server" ID="insertImage" ImageUrl="../images/ok.png" AlternateText="update" /> </asp:LinkButton> <asp:LinkButton ID="InsertCancelButton" runat="server" CausesValidation="False" CommandName="Cancel"> <asp:Image runat="server" ID="Image3" ImageUrl="../images/cancel.png" AlternateText="cancel" /> </asp:LinkButton> <span class="inline-label">Color code:</span> <asp:RadioButtonList runat="server" ID="AppointmentTypeRadioButtonList" DataValueField="ID" CssClass="AppointmentTypeSelectorTable" DataSourceID="AppointmentTypesDataSource" SelectedValue='<%# Bind("AppointmentTypeID") %>' DataTextField="Keyword" RepeatDirection="Horizontal" DataTextFormatString="<span class='AppointmentTypeSelector rsAptType_{0}'></span>"> </asp:RadioButtonList> <asp:LinkButton ID="InsertMoreButton" runat="server" CommandName="More" CssClass="rsAdvancedEditLink">Advanced</asp:LinkButton> </span> </div> </InlineEditTemplate>--%> <AppointmentTemplate> <div class="rsCustomAppointmentContainer <%# Eval("AppointmentType.Text") %>"> <h2> <%# Eval("Subject") %> </h2> <div> </div> </div> </AppointmentTemplate> <AdvancedEditTemplate> <div id="qsfexAdvEditWrapper"> <div id="qsfexAdvEditInnerWrapper" class='<%# Eval("AppointmentType.Text") %>'> <div class="qsfexAdvAppType"> </div> <div class="qsfexAdvEditControlWrapper"> <asp:Label ID="Label1" AssociatedControlID="TitleTextBox" runat="server" CssClass="inline-label">Description</asp:Label> <asp:TextBox ID="TitleTextBox" Rows="5" Columns="20" runat="server" Text='<%# Bind("Subject") %>' Width="97%" TextMode="MultiLine"></asp:TextBox><br /> </div> <div class="qsfexAdvEditControlWrapper"> <asp:Label ID="Label2" AssociatedControlID="StartInput" runat="server" CssClass="inline-label">Start time:</asp:Label> <telerik:RadDateInput ID="StartInput" SelectedDate='<%# Bind("Start") %>' runat="server"> </telerik:RadDateInput><br /> </div> <div class="qsfexAdvEditControlWrapper"> <asp:Label ID="Label3" AssociatedControlID="EndInput" runat="server" CssClass="inline-label">End time:</asp:Label> <telerik:RadDateInput ID="EndInput" SelectedDate='<%# Bind("End") %>' runat="server"> </telerik:RadDateInput><br /> </div> <div class="qsfexAdvEditControlWrapper"> <div class="inline-label"> Color code:</div> <div id="qsfexAdvEditColorCodeChooser"> <asp:RadioButtonList runat="server" ID="AppointmentTypeRadioButtonList" DataValueField="ID" CssClass="AppointmentTypeSelectorTable" DataSourceID="AppointmentTypesDataSource" SelectedValue='<%# Bind("AppointmentTypeID") %>' DataTextField="Keyword" RepeatDirection="Horizontal" DataTextFormatString="<span class='AppointmentTypeSelector rsAptType_{0}'></span>"> </asp:RadioButtonList> </div> </div> <div class="qsfexAdvEditControlWrapper"> <asp:CheckBox ID="RepeatCheckBox" runat="server" Text="Repeat for 10 days" CssClass="repeatCheckBox" /> </div> <div class="qsfexAdvEditControlWrapper" style="text-align: right;"> <asp:LinkButton ID="UpdateButton" runat="server" CommandName="Update"> <asp:Image runat="server" ID="insertImage" ImageUrl="../images/ok.png" AlternateText="update" /></asp:LinkButton> <asp:LinkButton ID="UpdateCancelButton" runat="server" CausesValidation="False" CommandName="Cancel" Style="margin-right: 8px;"> <asp:Image runat="server" ID="Image2" ImageUrl="../images/cancel.png" AlternateText="cancel" /></asp:LinkButton> </div> </div> </div> </AdvancedEditTemplate> <AdvancedInsertTemplate> <div id="qsfexAdvEditWrapper"> <div id="qsfexAdvEditInnerWrapper" class="technical"> <div class="qsfexAdvAppType"> </div> <div class="qsfexAdvEditControlWrapper"> <asp:Label ID="Label4" AssociatedControlID="TitleTextBox" runat="server" CssClass="inline-label">Description</asp:Label> <asp:TextBox ID="TitleTextBox" Rows="5" Columns="20" runat="server" Text='<%# Bind("Subject") %>' Width="97%" TextMode="MultiLine"></asp:TextBox><br /> </div> <div class="qsfexAdvEditControlWrapper"> <asp:Label ID="Label5" AssociatedControlID="StartInput" runat="server" CssClass="inline-label">Start time:</asp:Label> <telerik:RadDateInput ID="StartInput" SelectedDate='<%# Bind("Start") %>' runat="server"> </telerik:RadDateInput><br /> </div> <div class="qsfexAdvEditControlWrapper"> <asp:Label ID="Label6" AssociatedControlID="EndInput" runat="server" CssClass="inline-label">End time:</asp:Label> <telerik:RadDateInput ID="EndInput" SelectedDate='<%# Bind("End") %>' runat="server"> </telerik:RadDateInput><br /> </div> <div class="qsfexAdvEditControlWrapper"> <div class="inline-label"> Color code:</div> <div id="qsfexAdvEditColorCodeChooser"> <asp:RadioButtonList runat="server" ID="AppointmentTypeRadioButtonList" DataValueField="ID" CssClass="AppointmentTypeSelectorTable" DataSourceID="AppointmentTypesDataSource" SelectedValue='<%# Bind("AppointmentTypeID") %>' DataTextField="Keyword" RepeatDirection="Horizontal" DataTextFormatString="<span class='AppointmentTypeSelector rsAptType_{0}'></span>"> </asp:RadioButtonList> </div> </div> <div class="qsfexAdvEditControlWrapper"> <asp:CheckBox ID="RepeatCheckBox" runat="server" Text="Repeat for 10 days" CssClass="repeatCheckBox" /> </div> <div class="qsfexAdvEditControlWrapper" style="text-align: right;"> <asp:LinkButton ID="InsertButton" runat="server" CommandName="Insert"> <asp:Image runat="server" ID="Image4" ImageUrl="../images/ok.png" AlternateText="update" /></asp:LinkButton> <asp:LinkButton ID="InsertCancelButton" runat="server" CausesValidation="False" CommandName="Cancel" Style="margin-right: 8px;"> <asp:Image runat="server" ID="Image5" ImageUrl="../images/cancel.png" AlternateText="cancel" /></asp:LinkButton> </div> </div> </div> </AdvancedInsertTemplate> <TimeSlotContextMenuSettings EnableDefault="true" /> <AppointmentContextMenuSettings EnableDefault="true" /> </telerik:RadScheduler> <asp:EntityDataSource ID="AppointmentsDataSource" runat="server" ConnectionString="name=TutorPortalEntities" DefaultContainerName="TutorPortalEntities" EnableDelete="True" EnableFlattening="False" EnableInsert="True" EnableUpdate="True" EntitySetName="Templates_Appointments"> </asp:EntityDataSource> <asp:EntityDataSource ID="AppointmentTypesDataSource" runat="server" ConnectionString="name=TutorPortalEntities" DefaultContainerName="TutorPortalEntities" EnableDelete="True" EnableFlattening="False" EnableInsert="True" EnableUpdate="True" EntitySetName="Templates_AppointmentTypes"> </asp:EntityDataSource> </form> <script type="text/javascript"> var $ = $telerik.$; // Toggles the inline form style when choosing a resource from the radio buttons. $('.AppointmentTypeSelectorTable input[type=radio]').live('click', function () { appType = $('input ~ label > span', this.parentNode)[0].className.match(/rsAptType_(.+?)\b/i)[1]; var parentElement = $(this).parents('.rsCustomAppointmentContainer'); if (parentElement.length == 0) { var parentElement = $(this).parents('#qsfexAdvEditInnerWrapper'); if (parentElement.length == 0) return; parentElement.attr('className', appType); } else { parentElement.attr('className', 'rsCustomAppointmentContainer ' + appType); } }); </script></asp:Content>