I can not reproduce this behavior locally. I have tested the RadScheduler defined just like in the markup you have provided but to no avail. The attached image shows how the appointment template looks like when I test it locally.
I assume the problem might be caused by some CSS styles defined on the page. Do you have CSS rules on your page which set styles to the appointment template's elements or div
element? Also, can this problem be isolated in a sample page where no CSS is defined? If it can be isolated, I suggest to open a support ticket and send the sample page to us so we will be able to troubleshoot this issue locally.
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed