Advanced Edit/Insert Template Not Showing

7 posts, 1 answers
  1. robertw102
    robertw102 avatar
    265 posts
    Member since:
    Jul 2007

    Posted 01 Oct 2009 Link to this post

    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.
  2. Answer
    Peter
    Admin
    Peter avatar
    6637 posts

    Posted 05 Oct 2009 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. robertw102
    robertw102 avatar
    265 posts
    Member since:
    Jul 2007

    Posted 05 Oct 2009 Link to this post

    Thanks, it fixed the problem.
  5. Mehmet
    Mehmet avatar
    100 posts
    Member since:
    Jun 2014

    Posted 24 Jun 2014 in reply to robertw102 Link to this post

    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
  6. Mehmet
    Mehmet avatar
    100 posts
    Member since:
    Jun 2014

    Posted 24 Jun 2014 in reply to Mehmet Link to this post

    the problem occurs when I leave a datetimepicker control on the template. basically it causes a problem. any idea?
  7. Bozhidar
    Admin
    Bozhidar avatar
    1102 posts

    Posted 26 Jun 2014 Link to this post

    Hi Mehmet,

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

    Regards,
    Bozhidar
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  8. Mehmet
    Mehmet avatar
    100 posts
    Member since:
    Jun 2014

    Posted 26 Jun 2014 in reply to Bozhidar Link to this post

    fixed - thank you
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017