Advanced Edit/Insert Template Not Showing

[robertw102]

I'm having a problem with the Advanced Edit/Insert Templates. The problem is that they are not showing up when I double-click a time slot. Here is the Scheduler setup I'm using:

<telerik:RadScheduler ID="rsTasks" runat="server" DayEndTime="23:59:59" EnableRecurrenceSupport="False"
        Width="1024px" WorkDayEndTime="23:59:59" StartInsertingInAdvancedForm="True">
        <Localization AdvancedAllDayEvent="All day" />
        <AdvancedForm DateFormat="dd/MM/yyyy" Modal="True" TimeFormat="h:mm tt" />
        <TimelineView UserSelectable="False" />
        <AdvancedEditTemplate>
            <div class="row">
                <span class="label">Description:</span>
                <telerik:RadTextBox ID="txtDescription" runat="server" Text='<%#Bind("Subject") %>'
                    MaxLength="100" Width="280px">
                </telerik:RadTextBox>
            </div>
            <div class="row">
                <span class="label">Date/Time:</span>
                <telerik:RadDateTimePicker ID="dtpDateToPurchase" runat="server" SelectedDate='<%# Bind("Start") %>'>
                    <Calendar ShowOtherMonthsDays="False" ShowRowHeaders="False" UseColumnHeadersAsSelectors="False"
                        UseRowHeadersAsSelectors="False" ViewSelectorText="x">
                    </Calendar>
                    <TimeView CellSpacing="-1" Culture="English (Canada)" Interval="00:30:00" StartTime="08:00:00"
                        EndTime="23:59:59" Columns="4">
                    </TimeView>
                    <TimePopupButton HoverImageUrl="" ImageUrl="" />
                    <DatePopupButton HoverImageUrl="" ImageUrl="" />
                </telerik:RadDateTimePicker>
            </div>
            <div class="row">
                <span class="label">Property:</span>
                <telerik:RadComboBox ID="ddlProperty" runat="server" Width="280px">
                    <CollapseAnimation Duration="200" Type="OutQuint" />
                </telerik:RadComboBox>
            </div>
            <div class="row">
                <span class="label">Assigned To:</span>
                <telerik:RadComboBox ID="ddlBuyer" runat="server" Width="280px" AllowCustomText="true"
                    Filter="Contains" ShowDropDownOnTextboxClick="true" ShowToggleImage="false">
                </telerik:RadComboBox>
            </div>
            <div class="row">
                <span class="label">Staus:</span>
                <telerik:RadComboBox ID="ddlStatus" runat="server">
                    <Items>
                        <telerik:RadComboBoxItem Text="Not Completed" Value="0" />
                        <telerik:RadComboBoxItem Text="Completed" Value="1" />
                    </Items>
                </telerik:RadComboBox>
            </div>
            <div class="button-row">
                <asp:LinkButton ID="btnSave" runat="server" Text="Save" CommandName="Update" />
                <asp:LinkButton ID="btnCancel" runat="server" Text="Save" CommandName="Cancel" CausesValidation="false" />
            </div>
        </AdvancedEditTemplate>
        <AdvancedInsertTemplate>
            <div class="row">
                <span class="label">Description:</span>
                <telerik:RadTextBox ID="txtDescription" runat="server" MaxLength="100" Width="280px"
                    Text='<%# Bind("Subject") %>'>
                </telerik:RadTextBox>
            </div>
            <div class="row">
                <span class="label">Date/Time:</span>
                <telerik:RadDateTimePicker ID="dtpDateToPurchase" runat="server" SelectedDate='<%# Bind("Start") %>'>
                    <Calendar ShowOtherMonthsDays="False" ShowRowHeaders="False" UseColumnHeadersAsSelectors="False"
                        UseRowHeadersAsSelectors="False" ViewSelectorText="x">
                    </Calendar>
                    <TimeView CellSpacing="-1" Culture="English (Canada)" Interval="00:30:00" StartTime="08:00:00"
                        EndTime="23:59:59" Columns="4">
                    </TimeView>
                    <TimePopupButton HoverImageUrl="" ImageUrl="" />
                    <DatePopupButton HoverImageUrl="" ImageUrl="" />
                </telerik:RadDateTimePicker>
            </div>
            <div class="row">
                <span class="label">Property:</span>
                <telerik:RadComboBox ID="ddlProperty" runat="server" Width="280px">
                    <CollapseAnimation Duration="200" Type="OutQuint" />
                </telerik:RadComboBox>
            </div>
            <div class="row">
                <span class="label">Assigned To:</span>
                <telerik:RadComboBox ID="ddlBuyer" runat="server" Width="280px" AllowCustomText="true"
                    Filter="Contains" ShowDropDownOnTextboxClick="true" ShowToggleImage="false">
                </telerik:RadComboBox>
            </div>
            <div class="row">
                <span class="label">Status:</span>
                <telerik:RadComboBox ID="ddlStatus" runat="server">
                    <Items>
                        <telerik:RadComboBoxItem Text="Not Completed" Value="0" />
                        <telerik:RadComboBoxItem Text="Completed" Value="1" />
                    </Items>
                </telerik:RadComboBox>
            </div>
            <div class="button-row">
                <asp:LinkButton ID="btnSave" runat="server" Text="Save" CommandName="Insert" />
                <asp:LinkButton ID="btnCancel" runat="server" Text="Save" CommandName="Cancel" CausesValidation="false" />
            </div>
        </AdvancedInsertTemplate>
    </telerik:RadScheduler>

I have no idea why it doesn't display my advanced forms. I'm using the latest version of the controls 2.826. If you could tell me if I'm doing something wrong or if I have to do something else in order for them to show up.

Thanks.

[Peter]

Hi robertw102,

Please, see this help topic:
http://www.telerik.com/help/aspnet-ajax/scheduler-custom-modal-advanced-template.html

Feel free to contact us if you have further questions.

Greetings,
Peter
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[robertw102]

Thanks, it fixed the problem.

[Mehmet]

001.<telerik:RadScheduler runat="server" ID="RadScheduler1" TimeZoneOffset="10:00:00" OnAppointmentInsert="RadScheduler1_AppointmentInsert" OverflowBehavior="Expand" Height="100%" EnableDescriptionField="true" Localization-AdvancedDescription="Job Comment" DataDescriptionField="Description" StartInsertingInAdvancedForm="true" OnAppointmentDataBound="RadScheduler1_AppointmentDataBound" CustomAttributeNames="JobStatusID,ClientID,Address"
002.                OnAppointmentUpdate="RadScheduler1_AppointmentUpdate" OnAppointmentDelete="RadScheduler1_AppointmentDelete"
003.                DataKeyField="ID" DataSubjectField="Subject" DataStartField="Start" DataEndField="End" OnFormCreated="RadScheduler1_FormCreated"
004.                FirstDayOfWeek="Monday" LastDayOfWeek="Sunday" TimeZoneID="AUS Eastern Standard Time" DisplayDeleteConfirmation="False" SelectedDate="2014-06-24">
005.                <ExportSettings>
006.                    <Pdf PageTopMargin="1in" PageBottomMargin="1in" PageLeftMargin="1in" PageRightMargin="1in"></Pdf>
007.                </ExportSettings>
008.                <AdvancedForm DateFormat="dd/MM/yyyy" Modal="True" TimeFormat="h:mm tt" />
009.                <TimelineView UserSelectable="false" />
010.                <TimeSlotContextMenuSettings EnableDefault="true" />
011.                <AppointmentContextMenuSettings EnableDefault="true" />
012.                <Reminders Enabled="false" />
013.                <AppointmentTemplate>
014.                    <div>
015.                        <%# Eval("Subject") %>
016.                        <br />
017.                    </div>
018.                </AppointmentTemplate>
019.                <AdvancedInsertTemplate>
020.                    <div class="rsAdvancedEdit rsAdvancedModal" style="position: relative">
021.                        <div class="rsModalBgTopLeft">
022.                        </div>
023.                        <div class="rsModalBgTopRight">
024.                        </div>
025.                        <div class="rsModalBgBottomLeft">
026.                        </div>
027.                        <div class="rsModalBgBottomRight">
028.                        </div>
029.                        <div class="rsAdvTitle">
030.                            <h1 class="rsAdvInnerTitle">Assign a new job</h1>
031.                            <asp:LinkButton runat="server" ID="AdvancedEditCloseButton" CssClass="rsAdvEditClose"
032.                                CommandName="Close" CausesValidation="false" ToolTip='Close'>
033.<%# Container.Appointment.Owner.Localization.AdvancedClose%>
034.                            </asp:LinkButton>
035.                        </div>
036.                        <div class="rsAdvContentWrapper">
037.                            <telerik:RadTextBox ID="SubjectTextBox" runat="server" Text='<%# Bind("Subject") %>' Width="100%"
038.                                Label='Job Title'>
039.                            </telerik:RadTextBox>
040.                            <asp:RequiredFieldValidator runat="server" ID="SubjectValidator" ControlToValidate="SubjectTextBox"
041.                                EnableClientScript="true" Display="None" CssClass="rsValidatorMsg" />
042.                            <p>
043.                                <ul class="rsTimePickers">
044.                                    <li class="rsTimePick">
045.                                        <label>
046.                                            Start Date - time</label><telerik:RadDatePicker runat="server" ID="StartDate" CssClass="rsAdvDatePicker"
047.                                                Width="83px" SharedCalendarID="SharedCalendar" MinDate="1900-01-01">
048.                                                <DatePopupButton Visible="False" />
049.                                                <DateInput ID="DateInput2" runat="server" DateFormat='<%# Owner.AdvancedForm.DateFormat %>'
050.                                                    EmptyMessageStyle-CssClass="riError" EmptyMessage=" " />
051.                                            </telerik:RadDatePicker>
052.                                        <%--
053.
054.                                        --%><telerik:RadTimePicker runat="server" ID="StartTime" CssClass="rsAdvTimePicker"
055.                                            Width="65px" Skin='<%# Owner.Skin %>' Culture='<%# Owner.Culture %>'>
056.                                            <DateInput ID="DateInput3" runat="server" EmptyMessageStyle-CssClass="riError" EmptyMessage=" " />
057.                                            <TimePopupButton Visible="false" />
058.                                            <TimeView ID="TimeView1" runat="server" Columns="2" ShowHeader="false" StartTime="08:00"
059.                                                EndTime="18:00" Interval="00:30" />
060.                                        </telerik:RadTimePicker>
061.                                    </li>
062.                                    <li class="rsTimePick">
063.                                        <label>
064.                                            <%= Owner.Localization.AdvancedTo%></label><%--
065.
066.                                            --%><telerik:RadDatePicker runat="server" ID="EndDate" CssClass="rsAdvDatePicker"
067.                                                Width="83px" SharedCalendarID="SharedCalendar" Skin='<%# Owner.Skin %>' Culture='<%# Owner.Culture %>'
068.                                                MinDate="1900-01-01">
069.                                                <DatePopupButton Visible="False" />
070.                                                <DateInput ID="DateInput4" runat="server" DateFormat='<%# Owner.AdvancedForm.DateFormat %>'
071.                                                    EmptyMessageStyle-CssClass="riError" EmptyMessage=" " />
072.                                            </telerik:RadDatePicker>
073.                                        <%--
074.
075.                                        --%><telerik:RadTimePicker runat="server" ID="EndTime" CssClass="rsAdvTimePicker"
076.                                            Width="65px" Skin='<%# Owner.Skin %>' Culture='<%# Owner.Culture %>'>
077.                                            <DateInput ID="DateInput5" runat="server" EmptyMessageStyle-CssClass="riError" EmptyMessage=" " />
078.                                            <TimePopupButton Visible="false" />
079.                                            <TimeView ID="TimeView2" runat="server" Columns="2" ShowHeader="false" StartTime="08:00"
080.                                                EndTime="18:00" Interval="00:30" />
081.                                        </telerik:RadTimePicker>
082.                                    </li>
083.                                </ul>
084.                            </p>
085.                            <asp:Panel runat="server" ID="ButtonsPanel" CssClass="rsAdvancedSubmitArea">
086.                                <div class="rsAdvButtonWrapper">
087.                                    <asp:LinkButton CommandName="Update" runat="server" ID="UpdateButton" CssClass="rsAdvEditSave">
088.<span><%# Container.Appointment.Owner.Localization.Save%></span>
089.                                    </asp:LinkButton>
090.                                    <asp:LinkButton runat="server" ID="CancelButton" CssClass="rsAdvEditCancel" CommandName="Cancel"
091.                                        CausesValidation="false">
092.<span><%# Container.Appointment.Owner.Localization.Cancel%></span>
093.                                    </asp:LinkButton>
094.                                </div>
095.                            </asp:Panel>
096.                        </div>
097.                    </div>
098.                </AdvancedInsertTemplate>
099.                <AdvancedEditTemplate>
100.                    <div class="rsAdvancedEdit rsAdvancedModal" style="position: relative">
101.                        <div class="rsModalBgTopLeft">
102.                        </div>
103.                        <div class="rsModalBgTopRight">
104.                        </div>
105.                        <div class="rsModalBgBottomLeft">
106.                        </div>
107.                        <div class="rsModalBgBottomRight">
108.                        </div>
109.                        <div class="rsAdvTitle">
110.                            <h1 class="rsAdvInnerTitle">Assign a new job</h1>
111.                            <asp:LinkButton runat="server" ID="AdvancedEditCloseButton" CssClass="rsAdvEditClose"
112.                                CommandName="Close" CausesValidation="false" ToolTip='Close'>
113.<%# Container.Appointment.Owner.Localization.AdvancedClose%>
114.                            </asp:LinkButton>
115.                        </div>
116.                        <div class="rsAdvContentWrapper">
117.                            <telerik:RadTextBox ID="SubjectTextBox" runat="server" Text='<%# Bind("Subject") %>' Width="100%"
118.                                Label='Job Title'>
119.                            </telerik:RadTextBox>
120.                            <asp:RequiredFieldValidator runat="server" ID="SubjectValidator" ControlToValidate="SubjectTextBox"
121.                                EnableClientScript="true" Display="None" CssClass="rsValidatorMsg" />
122.                            <p>
123.                                <ul class="rsTimePickers">
124.                                    <li class="rsTimePick">
125.                                        <label>
126.                                            Start Date - time</label><telerik:RadDatePicker runat="server" ID="StartDate" CssClass="rsAdvDatePicker"
127.                                                Width="83px" SharedCalendarID="SharedCalendar" MinDate="1900-01-01">
128.                                                <DatePopupButton Visible="False" />
129.                                                <DateInput ID="DateInput2" runat="server" DateFormat='<%# Owner.AdvancedForm.DateFormat %>'
130.                                                    EmptyMessageStyle-CssClass="riError" EmptyMessage=" " />
131.                                            </telerik:RadDatePicker>
132.                                        <%--
133.
134.                                        --%><telerik:RadTimePicker runat="server" ID="StartTime" CssClass="rsAdvTimePicker"
135.                                            Width="65px" Skin='<%# Owner.Skin %>' Culture='<%# Owner.Culture %>'>
136.                                            <DateInput ID="DateInput3" runat="server" EmptyMessageStyle-CssClass="riError" EmptyMessage=" " />
137.                                            <TimePopupButton Visible="false" />
138.                                            <TimeView ID="TimeView1" runat="server" Columns="2" ShowHeader="false" StartTime="08:00"
139.                                                EndTime="18:00" Interval="00:30" />
140.                                        </telerik:RadTimePicker>
141.                                    </li>
142.                                    <li class="rsTimePick">
143.                                        <label>
144.                                            <%= Owner.Localization.AdvancedTo%></label><%--
145.
146.                                            --%><telerik:RadDatePicker runat="server" ID="EndDate" CssClass="rsAdvDatePicker"
147.                                                Width="83px" SharedCalendarID="SharedCalendar" Skin='<%# Owner.Skin %>' Culture='<%# Owner.Culture %>'
148.                                                MinDate="1900-01-01">
149.                                                <DatePopupButton Visible="False" />
150.                                                <DateInput ID="DateInput4" runat="server" DateFormat='<%# Owner.AdvancedForm.DateFormat %>'
151.                                                    EmptyMessageStyle-CssClass="riError" EmptyMessage=" " />
152.                                            </telerik:RadDatePicker>
153.                                        <%--
154.
155.                                        --%><telerik:RadTimePicker runat="server" ID="EndTime" CssClass="rsAdvTimePicker"
156.                                            Width="65px" Skin='<%# Owner.Skin %>' Culture='<%# Owner.Culture %>'>
157.                                            <DateInput ID="DateInput5" runat="server" EmptyMessageStyle-CssClass="riError" EmptyMessage=" " />
158.                                            <TimePopupButton Visible="false" />
159.                                            <TimeView ID="TimeView2" runat="server" Columns="2" ShowHeader="false" StartTime="08:00"
160.                                                EndTime="18:00" Interval="00:30" />
161.                                        </telerik:RadTimePicker>
162.                                    </li>
163.                                </ul>
164.                            </p>
165.                            <asp:Panel runat="server" ID="ButtonsPanel" CssClass="rsAdvancedSubmitArea">
166.                                <div class="rsAdvButtonWrapper">
167.                                    <asp:LinkButton CommandName="Update" runat="server" ID="UpdateButton" CssClass="rsAdvEditSave">
168.<span><%# Container.Appointment.Owner.Localization.Save%></span>
169.                                    </asp:LinkButton>
170.                                    <asp:LinkButton runat="server" ID="CancelButton" CssClass="rsAdvEditCancel" CommandName="Cancel"
171.                                        CausesValidation="false">
172.<span><%# Container.Appointment.Owner.Localization.Cancel%></span>
173.                                    </asp:LinkButton>
174.                                </div>
175.                            </asp:Panel>
176.                        </div>
177.                    </div>
178.                </AdvancedEditTemplate>
179.            </telerik:RadScheduler>

Why cannot I get the advanced form working in here?
Thank you

[Mehmet]

the problem occurs when I leave a datetimepicker control on the template. basically it causes a problem. any idea?

[Bozhidar]

Hi Mehmet,

Please elaborate on your particular issue. What kind of problem are you experiencing?

Regards,
Bozhidar
Telerik

 

 

[Mehmet]

fixed - thank you