Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

Advanced Form is not showing

1 Answer 73 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Ajay
Top achievements
Rank 1
Ajay asked on 31 Jan 2011, 07:16 PM
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>

1 Answer, 1 is accepted

Sort by
0
Nikolay Tsenkov
Telerik team
answered on 03 Feb 2011, 05:56 PM
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.
Tags
Scheduler
Asked by
Ajay
Top achievements
Rank 1
Answers by
Nikolay Tsenkov
Telerik team
Share this question
or