Hey,
In my project, I'm using a ScheduleView to display all scheduled appointments within a range of days. Objective is to find an empty slot for a new appointment. However, I already know how long will be the new appointment and I would like to highlight the appropriate time range on mouse over.
The default behavior for the schedule view is to highlight only a single time slot on mouse over (using MouseOverHighlightStyle). In my case, I would like to display the full appointment length instead.
Moreover, if possible, I would like to change the background color of the highlight item if it overlaps another booking.
See attached file for basic mockups of expected behavior.
Regards,
3 Answers, 1 is accepted
In case I am understanding your requirement correctly, you should be able to achieve the desired customization by utilizing the AppointmentStyleSelector mechanism of the control. Through it you should edit both AppointmentItemVerticalControlTemplate and AppointmentItemHorizontalControlTemplate. A similar approach is demonstrated in the Selection style forum thread. Can you please check it out? Also, I suggest you reviewing the Appointment Style help article for more information on this matter.
Hopefully, this helps.
Best Regards,
Stefan X1
Progress Telerik
Rank 1
Hi Stefan,
Thanks for your answer. Editing the appointment item is not what I was trying to achieve. My objective was to highlight the timeslots before creating the appointment item according to the length of the future appointment.
I managed to do it by creating a specific slot which is bound to the MouseOverSlot of the ScheduleView. Everytime my mouse is over the schedule view, I update my specific slot based on the MouseOverSlot start time and on the future appointment length. Works perfectly.
Regards
Thank you for the update.
I am happy that you have managed to find a solution that meets your requirements.
Feel free to contact us again in case you need other assistance with our components.
All the best,
Stefan X1
Progress Telerik