We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Modifying appointment properties

Thread ID:





96719 Sep 30,2010 03:06 PM UTC Aug 30,2012 11:54 AM UTC ASP.NET Web Forms (Classic) 3
Tags: Schedule
Tim Kennedy
Asked On September 30, 2010 03:06 PM UTC

I am just starting to use the Syncfusion Scheduling control and have what I hope is a simple question. How do I make changes to the following properties?
AppContent Height, AppointmentBorderTopCell and AppointmentBorderBottomCell
My goal is to change the look of the appointment. I want it to appear flat instead of 3D. Showing the appointment in 3D causes the text of the appointment to be cut off. I am able to adjust the properties in the “Developer Tools” of Internet Explorer 8 and I have included a before and after image of the appointment. I just need to know how to do the same thing in the code.




Manickam Chidambaram [Syncfusion]
Replied On October 1, 2010 10:08 AM UTC

Hi Tim,

Thanks for your interest in Syncfusion products.

Your requirement of customizing the appointments can be achieved by using Jquery. The objects are selected using class name by Jquery selectors and applying the css properties and effects. Please refer the below code snippet.

//customizing the appointment using jquery
Sys.Application.add_load(function() {

//to hide the shadow effect of appointment

//to modify the css propertites
$(".AppointmentBorderBottomCell").css("height", "0%");
$(".AppointmentBorderTopCell").css("height", "0%");
$(".AppContent").css("height", "100%");
$(".AppointmentText").css("font-size", "50%");

We suggest you to refer our online sample link to know more about the schedule appointment style demo. Please refer the following link.

http://asp.syncfusion.com/demos/ui/schedule/Appearance Settings/AppointmentStyle/cs/AppointmentStyle.aspx

we also suggest you to refer our online documentation to more about schedule control.


Please try using above sample code and let us know if any concerns.


Tim Kennedy
Replied On October 1, 2010 01:44 PM UTC

Thanks. That was exactly what I needed.

Saravanan G [Syncfusion]
Replied On August 30, 2012 11:54 AM UTC

Hi Tim

I am glad the solution provided to you works as expected. Please get in touch with us if you require any further assistance.


Saravanan G


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon