Scheduling appoinments during time box/slot

[Alex]

  Is there an easy way to define a time box for a set of days within which appointment may be scheduled?  For example, I would like to define Mondays and Wednesday between 9AM and 5PM as a region which appointments can be made.  I would like it to be visually obvious (I think this can be done with SpecialDays and the handler for slot created if nothing else.

[Hristo Valyavicharski]

Hi Alex,

Try to handle OnTimeSlotCreated event and set a css class for the time you don't want to schedule appointments:

<style type="text/css">
    .Disabled {
        background: silver !important;
        cursor: not-allowed;
    }
</style>

protected void RadScheduler1_TimeSlotCreated(object sender, TimeSlotCreatedEventArgs e)
{
    if (e.TimeSlot.Start.Hour < 9 ||  e.TimeSlot.Start.Hour > 17)
    {
        e.TimeSlot.CssClass = "Disabled";
    }
}

Finally cancel appointment inserting if is clicked on a time slot, that is out of the defined time span:

function OnClientAppointmentInserting(sender, eventArgs) {
    var slotElement = $telerik.$(eventArgs.get_targetSlot().get_domElement());
    if (slotElement.is(".Disabled") || slotElement.parent().is(".Disabled") || slotElement.is(".rsOtherMonth") || slotElement.parent().is(".rsOtherMonth")
    || slotElement.is(".rsNonWorkHour") || slotElement.parent().is(".rsNonWorkHour")) {
        // Prevent appointment inserting on holidays.
        eventArgs.set_cancel(true);
    }
}

There is an online demo, which actually shows the same functionality.

Regards,
Hristo Valyavicharski
Telerik