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

Advanced Edit Template issue

8 Answers 208 Views

Scheduler

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

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

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?

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

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

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>