Advanced Edit Template issue

9 posts, 0 answers
  1. Kris
    Kris avatar
    13 posts
    Member since:
    Jan 2011

    Posted 15 Nov 2011 Link to this post

    Hello,

    I have followed the instructions found in the Advanced Templates link that is often provided in this forum and have hit a snag. The Start Date, Start Time, End Date, and End Time don't work properly. The date and time will populate...but when you attempt to drill down a different date or time, nothing happens. Not only that, when checking or unchecking the All Day option, the time fields do not appear or disappear.

    Are there any known issues with this example? Is the AdvancedForm.js file where the code for the date/time picker is? I have attached the two code snippets. One from the main aspx page that holds the radscheduler...and one from the user control that has the template code in it.

    <telerik:Radscheduler ID="RadScheduler1" runat="server" DisplayDeleteConfirmation="true" 
                SelectedDate="2011-11-15" TimeZoneOffset="03:00:00" AppointmentStyleMode="Default"
                 Height="" Skin="Office2007" AllowInsert="true" AllowDelete="true" EnableDescriptionField="true"
                    onappointmentdelete="radSched_AppointmentDelete"
                    onappointmentinsert="radSched_AppointmentInsert" 
                        StartEditingInAdvancedForm="true" StartInsertingInAdvancedForm="true"
                    onappointmentupdate="radSched_AppointmentUpdate"   OnClientFormCreated="radSched_ClientFormCreated">
                <TimelineView UserSelectable="false" />
                <AdvancedForm Modal="true" />
                <AdvancedEditTemplate>
                    <scheduler:SchedulerAdvancedForm runat="server" ID="AdvancedEditForm1" Mode="Edit" Subject='<%# Bind("Subject") %>'
                        Start='<%# Bind("Start") %>' End='<%# Bind("End") %>' RecurrenceRuleText='<%# Bind("RecurrenceRule") %>' Description='<%# Bind("Description") %>' />    
                </AdvancedEditTemplate>
                <AdvancedInsertTemplate>
                    <scheduler:SchedulerAdvancedForm runat="server" ID="AdvancedEditForm1" Mode="Insert" Subject='<%# Bind("Subject") %>'
                        Start='<%# Bind("Start") %>' End='<%# Bind("End") %>' RecurrenceRuleText='<%# Bind("RecurrenceRule") %>' Description='<%# Bind("Description") %>' />
                </AdvancedInsertTemplate>
                <TimeSlotContextMenuSettings EnableDefault="true" />
                <AppointmentContextMenuSettings EnableDefault="true" />
                </telerik:Radscheduler>


    <ul class="rsTimePickers">
                    <li class="rsTimePick">
                         <label for='<%= StartDate.ClientID %>_dateInput_text'>
                                    <%= Owner.Localization.AdvancedFrom %></label>
                                    <%--
                                    Leaving a newline here will affect the layout, so we use a comment instead.
                                    --%><telerik:RadDatePicker runat="server" ID="StartDate" CssClass="rsAdvDatePicker"
                                        Width="83px" SharedCalendarID="SharedCalendar" Skin='<%# Owner.Skin %>' Culture='<%# Owner.Culture %>'
                                        MinDate="1900-01-01">
                                        <DatePopupButton Visible="False" />
                                        <DateInput ID="DateInput2" runat="server" DateFormat='<%# Owner.AdvancedForm.DateFormat %>'
                                            EmptyMessageStyle-CssClass="riError" EmptyMessage=" " EnableSingleInputRendering="false"/>
                                    </telerik:RadDatePicker>
                                <%--
                                  
                                --%><telerik:RadTimePicker runat="server" ID="StartTime" CssClass="rsAdvTimePicker"
                                    Width="65px" Skin='<%# Owner.Skin %>' Culture='<%# Owner.Culture %>'>
                                    <DateInput ID="DateInput3" runat="server" EmptyMessageStyle-CssClass="riError" EmptyMessage=" " EnableSingleInputRendering="false" />
                                    <TimePopupButton Visible="false" />
                                    <TimeView ID="TimeView1" runat="server" Columns="2" ShowHeader="false" StartTime="08:00"
                                        EndTime="18:00" Interval="00:30" />
                                </telerik:RadTimePicker>
                    </li>
                    <li class="rsTimePick">
                                <label for='<%= EndDate.ClientID %>_dateInput_text'>
                                    <%= Owner.Localization.AdvancedTo%></label><%--
                                  
                                    --%><telerik:RadDatePicker runat="server" ID="EndDate" CssClass="rsAdvDatePicker"
                                        Width="83px" SharedCalendarID="SharedCalendar" Skin='<%# Owner.Skin %>' Culture='<%# Owner.Culture %>'
                                        MinDate="1900-01-01">
                                        <DatePopupButton Visible="False" />
                                        <DateInput ID="DateInput4" runat="server" DateFormat='<%# Owner.AdvancedForm.DateFormat %>'
                                            EmptyMessageStyle-CssClass="riError" EmptyMessage=" " EnableSingleInputRendering="false"/>
                                    </telerik:RadDatePicker>
                                <%--
                                  
                                --%><telerik:RadTimePicker runat="server" ID="EndTime" CssClass="rsAdvTimePicker"
                                    Width="65px" Skin='<%# Owner.Skin %>' Culture='<%# Owner.Culture %>'>
                                    <DateInput ID="DateInput5" runat="server" EmptyMessageStyle-CssClass="riError" EmptyMessage=" " EnableSingleInputRendering="false"/>
                                    <TimePopupButton Visible="false" />
                                    <TimeView ID="TimeView2" runat="server" Columns="2" ShowHeader="false" StartTime="08:00"
                                        EndTime="18:00" Interval="00:30" />
                                </telerik:RadTimePicker>
                            </li>
                    <li class="rsAllDayWrapper">
                        <asp:CheckBox runat="server" ID="AllDayEvent" CssClass="rsAdvChkWrap" Checked="false" />
                    </li>
                </ul>
  2. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 17 Nov 2011 Link to this post

    Hi Kris,

    Thank you for your feedback.

    However, I was not able to observe the problems that you describe using popular browswers such as IE9, FF and Chrome latest. Can you specify what browswer and version do you use?

    You can download a stand-alone sample to test locally from this code library demo.

    Regards,
    Peter
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Kris
    Kris avatar
    13 posts
    Member since:
    Jan 2011

    Posted 17 Nov 2011 Link to this post

    Peter,

    I was testing on IE8 but I did try Chrome and Firefox and it still isn't working. I can do everything else on the form including using the recurrence editor. I can successfully save, update, delete, create recurrence exceptions. I can even type the date or time into their boxes. I just can't select the date or time from the dropdown because nothing actually drops down. And again, the issue extends to the All Day check box which when clicked/unclicked...doesn't do anything.

    Could you point me to the area that handles this logic? What could I be missing here?
  5. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 18 Nov 2011 Link to this post

    Hi Kris,

    Here is a video capture of my tests over the Advanced Form online demo - http://screencast.com/t/fSJVMn27vs.
    Do you test the demo differently? Using the same steps from the presentation, do you get different results?

    Regards,
    Peter
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  6. Kris
    Kris avatar
    13 posts
    Member since:
    Jan 2011

    Posted 18 Nov 2011 Link to this post

    Wait...I think we may be confused here. If I goto that demo screen...of course it works. I'm talking about in MY code. When I try to duplicate that in my project...the dropdowns for date and time do not work along with the all day collaspsing.
  7. Kris
    Kris avatar
    13 posts
    Member since:
    Jan 2011

    Posted 21 Nov 2011 Link to this post

    Is it important to include the following script references?

    RadScriptManager.GetCurrent(this.Page).Scripts.Add(new ScriptReference("Telerik.Web.UI.Common.Core.js", "Telerik.Web.UI"));
    RadScriptManager.GetCurrent(this.Page).Scripts.Add(new ScriptReference("Telerik.Web.UI.Common.jQuery.js", "Telerik.Web.UI"));
    RadScriptManager.GetCurrent(this.Page).Scripts.Add(new ScriptReference("Telerik.Web.UI.Common.jQueryInclude.js", "Telerik.Web.UI"));

    Or are these just for intellisence? I am still unable to get the dropdowns to work...
  8. Kris
    Kris avatar
    13 posts
    Member since:
    Jan 2011

    Posted 22 Nov 2011 Link to this post

    So what is the next step here? No matter what I do, I can't get the dropdowns to work. Even if I put the rad date picker by itself on any page like below... 


    <
    telerik:RadDatePicker runat="server" ID="StartDate"  
            Width="83px">
           <DatePopupButton Visible="False" />
          <DateInput ID="DateInput2" runat="server" />
     </telerik:RadDatePicker>

    All I get is an empty textbox with no dropdown values...what is required to make this work?
  9. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 23 Nov 2011 Link to this post

    Hello Kris,

    The scripts that your register with RadScriptMananager are not required, only the reference to AdvancedForm.js is mandatory.

    The next step to effectively help you solve the problem would be for you to open a support ticket and send us a simple working demo of the problem. We will test it locally and try to find the cause of the problem.


    Kind regards, Peter
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  10. Vikram
    Vikram avatar
    10 posts
    Member since:
    Oct 2010

    Posted 08 Dec 2013 Link to this post

    Hello Kris,

    I can't help you for All day checkbox event.

    You can use ShowPopupOnFocus="True" as alternative solution for RadDatePicker and RadTimePicker control.

    <telerik:RadDatePicker runat="server" ID="StartDate"  Width="83px" ShowPopupOnFocus="True">
           <DatePopupButton Visible="False" />
          <DateInput ID="DateInput2" runat="server" />
     </telerik:RadDatePicker>


    <telerik:RadTimePicker runat="server" ID="EndTime" CssClass="rsAdvTimePicker" ShowPopupOnFocus="True"
       Width="65px" >
     <DateInput ID="DateInput5" runat="server" />
     <TimePopupButton Visible="false" />
     <TimeView ID="TimeView2" runat="server" Columns="2" ShowHeader="false" StartTime="08:00"   EndTime="18:00" Interval="00:30" />
    </telerik:RadTimePicker>

Back to Top
UI for ASP.NET Ajax is Ready for VS 2017