Modifying appointment properties

[Tim Kennedy]

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.

Thanks,

Tim




Images_a8e890fb.zip

[Manickam Chidambaram]

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
            $(".shadowdivtd").hide();
            $(".ShadowDiv").hide();

            //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.

http://help.syncfusion.com/ug_83/User%20Interface/ASP.NET/Schedule/index.htm

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

Regards,
Manickam

[Tim Kennedy]

Thanks. That was exactly what I needed.

[Saravanan G]

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.

Regards,

Saravanan G