RadScheduler TimeSlotCreated not working when appointment is being edited

[Gonzalo]

Good morning,

I am using radScheduler to schedule appointments for employees. Employees have different work schedules each day so I am highlighting their available slots using TimeSlotCreated. Everything works perfectly except for when I try to edit an appointment, all the highlighting disappears. Attached are some images of the process. You can see Jim Bergland is available from 9:00AM to 5:00PM and the light blue background is displaying for him but as soon as I try to edit any of the two existing appointments the background color in the slots is removed.

I know this fact about TimeSlotCreated: "The TimeSlotCreated event is not fired after the advanced edit form is opened (it fires before that, and rendering the advanced form renders the scheduler anew). Thus, customizations for the time slots made in the handler are not rendered while the advanced edit form is visible."

Is there any other way to achieve the time slot shading during the appointment edits?

 

 

[Peter Milchev]

Hello Gonzalo,

Generally, the scheduler timeslots should be inactive when the advanced form is visible, either inline or as a popup. 

For example, the following element is added to the Advanced form so that it makes it look modal:

<div unselectable="on" class="TelerikModalOverlay"
    style="position: fixed; left: 0px; top: 0px; z-index: 2500; background-color: rgb(170, 170, 170); opacity: 0.5; width: 100%; height: 100%;">
</div>

Unfortunately, there is no easy way to set the color of the timeslots. A possible custom implementation would be iterating all timeslot elements and getting their TimeSlot object from the scheduler.get_activeModel(): 

• https://www.telerik.com/blogs/improve-your-debugging-skills-with-chrome-devtools#get-intellisense-for-the-client-side-object;
• https://docs.telerik.com/devtools/aspnet-ajax/controls/scheduler/client-side-programming/properties-and-methods/radscheduler-object;
• https://docs.telerik.com/devtools/aspnet-ajax/controls/scheduler/client-side-programming/properties-and-methods/radscheduler-object;
• https://docs.telerik.com/devtools/aspnet-ajax/controls/scheduler/client-side-programming/properties-and-methods/schedulertimeslot-and-schedulermodel-object#ischedulermodel-interface-methods

<telerik:RadCodeBlock runat="server">
    <script>
        function pageLoadHandler() {
            window.scheduler = $find("<%= RadScheduler1.ClientID %>");
            $telerik.$(scheduler.get_element())
                .find(".rsContentTable tr>td")
                .each(function (ind, timeslotElement) {
                    scheduler.get_activeModel();
                    var timeslot = scheduler.get_activeModel().getTimeSlotFromDomElement(timeslotElement);
                    // use the DevTools Intellisense for the Timeslot API
                    // https://www.telerik.com/blogs/improve-your-debugging-skills-with-chrome-devtools#get-intellisense-for-the-client-side-object
                })
            // Sys.Application.remove_load(pageLoadHandler);  
        }
        Sys.Application.add_load(pageLoadHandler);
    </script>
</telerik:RadCodeBlock>

Regards, Peter Milchev
Progress Telerik