Can anyone suggest a quick and easy way to hide the advanced form and modal overlay using jquery?

[Roatin Marth]

I need a quick programmatic way to click the cancel button of the advanced form to force to close/hide for the user at a specific time.

[Ivana]

Hello Roatin,

I am not sure I understand what exactly is the desired scenario.

If you want to force a post-back and you want to see the calendar in its initial state, then you can make a server-side method (as a handler or a server-side event for example) and call Rebind(); method of the RadScheduler.
Ex:

RadScheduler1.Rebind();

Hope this helps.

Kind regards,

Ivana

the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Roatin Marth]

I just want to hide the advanced form in javascript on a scheduler callback method.

i.e something like this
$('#myAdvacnedFormId').hide(); //but i'd need to remove the modal overlay div as well

or
//find the cancel button of the advanced form and force a click
$('#myAdvancedFormCancelButtonId').click();  //force/trigger a click of the cancel button of the advanced form to close it

[Ivana]

Hi Roatin Marth,

You could use the RadScheduler's method hideAdvancedForm().
I have made an example for you that hides the AdvancedForm client-side when the 'Esc' key is pressed.

function pageLoad() {
            var $ = $telerik.$;
            $(document).keydown(function (event) {
                if (event.keyCode == '27') {
                    var scheduler = $find('<%=RadScheduler1.ClientID %>');
                    scheduler.hideAdvancedForm();
                }
            });

        }

You should keep in mind that the hideAdvancedForm() method only works when the modal form of the RadScheduler is set to true. Ex: <AdvancedForm Modal="true" />.

Hope this helps.

Kind regards,
Ivana
the Telerik team

[Prava kafle]

Hi Ivana,

I have customized the background color of selected timeslots as per project requirement . When I used 'scheduler.hideAdvancedForm();'  to hide  advanced form  it   changed the timeslots's background color  giving it a uniform color. How can I avoid this effect?

Thanks,
Prava

[Ivana]

Hello Prava,

To style the time slots in the RadScheduler you could use the following code snippet:
CSS

.rsContent .rsContentTable td
{
    background-color: Yellow;
}

If you want just a particular time slot colored, you can bind the RadScheduler to a web service.
When the RadScheduler is bound to a web service,  no post-back to the server is made when the AdvancedForm is opened, and the CssClass that is set in TimeSlotCreated will perist.

Hope that helps.

Kind regards,
Ivana
the Telerik team

[Prava kafle]

Hi Ivana,

I am setting the background color of the special time slots at server side  using "ONTIMESLOTCREATED" event. With my client side script on "save" button click event,  I have following code which cancels the post back and closes the advanced form, somehow time slots background color gets messed up. I want   time slots background color  to persist even after closing Advanced form at client side.

    function SaveAdvancedApptEditForm(
                 var scheduler = $find("<%=rsTicketsSchedule.ClientID%>");
                 var scheduler_SelectedView = scheduler.get_selectedView();
                   
                  var apptScheduler = new Appt_Scheduler();
                 apptScheduler.checkforConflictToUpdateAppointment(scheduler_SelectedView);

                 var scheduler = $find('<%=rsTicketsSchedule.ClientID %>');
                  scheduler.hideAdvancedForm();
                  return false;
              }


Thanks,
Prava

[Ivana]

Hi Prava Kafle,

I tied to reproduce the issue you are experiencing, and I am not sure whether I understand what exactly is your scenario.

Could you please send us a support ticket with a sample web page illustrating the issue attached to it, so we can examine it  locally.

Thanks.

All the best,
Ivana
the Telerik team