Advanced Form is not showing

2 posts, 0 answers
  1. Ajay
    Ajay avatar
    13 posts
    Member since:
    Nov 2010

    Posted 31 Jan 2011 Link to this post

    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
    <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>
  2. Nikolay Tsenkov
    Admin
    Nikolay Tsenkov avatar
    734 posts

    Posted 03 Feb 2011 Link to this post

    Hi Ajay,

    Could you, please, refer to this article: http://www.telerik.com/help/aspnet-ajax/schedule_appearancetemplates.html
    Also here is a nice demo showing how to abstract the templates in user controls: http://demos.telerik.com/aspnet-ajax/scheduler/examples/advancedformtemplate/defaultcs.aspx


    Regards,
    Nikolay Tsenkov
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
Back to Top