Advanced Edit Template issue

[Kris]

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>

[Peter]

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

[Kris]

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?

[Peter]

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

[Kris]

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.

[Kris]

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...

[Kris]

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?

[Peter]

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

[Vic]

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>