Change Timeslot Background color

[xtreme]

Hello! How do you change the timeslot background color on Client side? I found some sample using server side but none with client side. I'm using Radschduler .net ajax Q3 2010 and the data is fed using Web Services. Also, when using Web services for RadScheduler, some server side event as TimeSlotContextMenuItemClicking, AppointmentDataBound ... stop working. Is this a bug? Thank you.

[Princy]

Hello,

Try the following client side code to change the Timeslot background color
Javascript:

<script type="text/javascript">
function OnClientTimeSlotClick(sender, args)
{
 args.get_targetSlot().get_domElement().style.backgroundColor = "red";
}
</script>

Thanks,
Princy.

[xtreme]

Thank you. It works. Also, do you know how can I display or hide appointments on client side? I'm using WebService for RadScheduler and trying to filter appointments based on Resources. Thanks in advance.

[Princy]

Hello,

Try the following Javascript to hide/show appointments.

<script type="text/javascript">
function HideAppointment()
{
 var Scheduler = $find('<%= RadScheduler1.ClientID %>');
 var app1 = Scheduler.get_appointments();
 alert("Hiding the appointment : " + app1.getAppointment(1).get_subject());
 app1.getAppointment(1)._domElements[0].style.display = "none";
}
function ShowAppointment()
{
 var Scheduler = $find('<%= RadScheduler1.ClientID %>');
 var app1 = Scheduler.get_appointments();
 alert("Showing the appointment : " + app1.getAppointment(1).get_subject());
 app1.getAppointment(1)._domElements[0].style.display = "block";
}
</script>

Thanks,
Princy.

[xtreme]

Princy,
Thank you for your reply. In the same case, using WebService for RadScheduler, I just notice that the server side OnNavigationComplete does not fire when you switch between Views. If I have another control that cause a postback on the page, the scheduler will loose the current view. What should I do to handle this case? Thanks.

[Ivana]

Hello Xtreme,

You could set the time view in pageLoad() client-side event.
Also you could use a hidden field to store the current state of the time view and then get its value when pageLoad() is called on client-side.

For more information about the client-side programming of the RadScheduler you could refer the following help article at our web-site: RadScheduler: Client-Side Programming.

Best wishes,
Ivana
the Telerik team

[xtreme]

How do use AppointmentTemplate  when you using WebService for data? I use this piece of code but it does not work

<

 

 

AppointmentTemplate>

 

 

 

<div class="rsAptSubject">

 

<%

 

# Eval("Subject") %>

 

 

 

</div>

 

<%

 

# Eval("Description") %>

 

 

 

</AppointmentTemplate>

 

Do I need to set somewhere else? Remember I am using WebService. Thanks.

[Ivana]

Hi Xtreme,

Take a look at the following demo: RadScheduler: Web Service Binding. If you go trough the demo description you will see that the demo is using a templates for the appointments.

To create your own template for the appointments you need to download the jQuery Template plugin, which could be downloaded from the official jQuery website. 
You could refer to the code of the demo linked above, to see how the implementation of a custom appointment template is done.

Hope this helps.

All the best,
Ivana
the Telerik team