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

Advanced Form Template and Recurrence Rule Editor

7 Answers 277 Views

Scheduler

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

Konrad asked on 25 Mar 2011, 01:25 PM

appointment-edit.PNG

Hi,

I am using a Scheduler setup as demonstrated in http://demos.telerik.com/aspnet-ajax/scheduler/examples/advancedformtemplate/defaultcs.aspx

Our users are complaining that when making an "all day" recurring appointment, they can still select "hourly" from the recurrence rule editor (see attached screen shot)

Is there any workaround to this?

Best Regards,
Konrad

7 Answers, 1 is accepted

answered on 25 Mar 2011, 01:55 PM

Hi Konrad,

This is not a bug in our control. You can choose to create all-day appointments which occur each 1 hour. However there will be some overlapping of appointments in this case. Please take a look at this KB article for how to workaround this.

However if you still don't want the "Hourly" option in the RecurrenceEditor of the Advanced Form - you can subscribe to the OnClientFormCreated event and use the following code in the handler:

function OnClientFormCreated(sender, eventArgs) {

$telerik.$(".rsRecurrenceOptionList li:first-child").hide();

}

Hope this helps.

Regards,
Veronica Milcheva
the Telerik team

Vote for the 7 Telerik products at the 2011 Great Indian Developer Awards!

answered on 28 Mar 2011, 10:13 AM

Hi Konrad,

Yes, you can check whether the allday checkbox is checked and only then to hide the "Hourly" option from the recurrence editor. Here's the code for this:

function OnClientFormCreated(sender, args) {

var $ = $telerik.$;

if ($('input[name=RadScheduler1$Form$AllDayEvent]').is(':checked'))

{

$(".rsRecurrenceOptionList li:first-child").hide();

}

Please let me know if this was helpful.

Regards,
Veronica Milcheva
the Telerik team

Vote for the 7 Telerik products at the 2011 Great Indian Developer Awards!

answered on 29 Mar 2011, 04:21 PM

Hi Veronica,

Sorry for the long delay. I tried the code you provided but it didn't have any effect.

Here is what my client-side function looks like:

function onClientFormCreated(scheduler, eventArgs) {

// Create a client-side object only for the advanced templates

var mode = eventArgs.get_mode();

if (mode == Telerik.Web.UI.SchedulerFormMode.AdvancedInsert || mode == Telerik.Web.UI.SchedulerFormMode.AdvancedEdit) {

// Initialize the client-side object for the advanced form

var formElement = eventArgs.get_formElement();

var templateKey = scheduler.get_id() + "_" + mode;

var advancedTemplate = schedulerTemplates[templateKey];

if (!advancedTemplate) {

// Initialize the template for this RadScheduler instance and cache it in the schedulerTemplates dictionary

var schedulerElement = scheduler.get_element();

var isModal = scheduler.get_advancedFormSettings().modal;

advancedTemplate = new window.SchedulerAdvancedTemplate(schedulerElement, formElement, isModal);

advancedTemplate.initialize();

schedulerTemplates[templateKey] = advancedTemplate;

// Remove the template object from the dictionary on dispose.

scheduler.add_disposing(function () {

schedulerTemplates[templateKey] = null;

});

}

// Are we using Web Service data binding?

if (!scheduler.get_webServiceSettings().get_isEmpty()) {

// Populate the form with the appointment data

var apt = eventArgs.get_appointment();

var isInsert = mode == Telerik.Web.UI.SchedulerFormMode.AdvancedInsert;

advancedTemplate.populate(apt, isInsert);

}

var $ = $telerik.$;

if ($('input[name=RadScheduler1$Form$AllDayEvent]').is(':checked')) {

$(".rsRecurrenceOptionList li:first-child").hide();

}