This is a migrated thread and some comments may be shown as answers.

Advanced Edit Template issue

8 Answers 97 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Kris
Top achievements
Rank 1
Kris asked on 16 Nov 2011, 12:00 AM
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>

8 Answers, 1 is accepted

Sort by
0
Peter
Telerik team
answered on 17 Nov 2011, 11:55 AM
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
0
Kris
Top achievements
Rank 1
answered on 17 Nov 2011, 05:07 PM
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?
0
Peter
Telerik team
answered on 18 Nov 2011, 01:23 PM
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
0
Kris
Top achievements
Rank 1
answered on 18 Nov 2011, 05:19 PM
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.
0
Kris
Top achievements
Rank 1
answered on 21 Nov 2011, 09:23 PM
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...
0
Kris
Top achievements
Rank 1
answered on 22 Nov 2011, 09:10 PM
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?
0
Peter
Telerik team
answered on 23 Nov 2011, 09:26 AM
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
0
Vikram
Top achievements
Rank 2
answered on 08 Dec 2013, 05:57 PM
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>

Tags
Scheduler
Asked by
Kris
Top achievements
Rank 1
Answers by
Peter
Telerik team
Kris
Top achievements
Rank 1
Vikram
Top achievements
Rank 2
Share this question
or