This is a migrated thread and some comments may be shown as answers.

[Solved] set_cssClass for Appointment

6 Answers 266 Views

Scheduler

This is a migrated thread and some comments may be shown as answers.

Tommy Kan asked on 01 Jun 2009, 02:46 AM

Hi,

Based on the new release (2009 Q1) Build 527, a new feature added to change the css class of appointment in client side.

I'm trying to change the appointment background image on client side by using the following css and the set_cssClass().

But, I found only the border are changed.

.RadScheduler .rsApt div.rsAptOut

{

/*To enable auto coloring based on the skin, comment out the following line */

background: none;

}

.RadScheduler .rsWrap .Normal

{

background: #d1bfa5 url('../../images/NormalAppt.png') repeat-x;

border: solid 1px #d1bfa5;

border-top: solid 1px #e3d8c8;

}

.RadScheduler .rsWrap .System

{

background: #c1adc8 url('../../images/SystemAppt.png') repeat-x;

border: solid 1px #9b8fa3;

border-top: solid 1px #c4bdc9;

}

Please advise .

Thanks,

Wilson

6 Answers, 1 is accepted

Accepted

answered on 01 Jun 2009, 08:22 AM

Hi,

The appointment rendering has undergone some changes for the Q1 release of the controls and you'll need to apply slightly different CSS rules. They're described in this help article:
http://www.telerik.com/help/aspnet-ajax/appearance-setting-appointment-style.html

We also include some predefined styles that you can use for your appointments. The help article covers them as well.

Greetings,
Tsvetomir Tsonev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

answered on 19 Jan 2010, 11:53 PM

Hello Telerik Team
this is my scenario,

I am setting the color of the appointment based on its type in the Appointment_DataBound event handler in code behind.
three things are happening here
the appointment is showing up as rectangular block with sharp corners as opposed to curved corners.
the appointment is not occupying the full time slot for e.g the start time of appointment is 5 PM and end time is 8 PM but the appointment is showing only for 5 PM to 6:45 PM.
if there are over lapping appointments then there is no border between the 2 overlapping appointments and they are merging.
can you tell the work around?
I need to be able to show curved appointments
the appointments must occupy the full time based on the start time and end time
overlapping appointments should be clearly seperated with a border(basically i need to show the borders for each appointment)

-SKS

answered on 20 Jan 2010, 10:44 AM

Hi SKS,

When setting the BackColor property of an appointment, it changes to simple styling so the rounded corners are lost. This is expected. If you want to keep the rounded corners then you can use the 10 predefined, skin-independent CSS styles as explained in this topic:
http://www.telerik.com/help/aspnet-ajax/appearance-setting-appointment-style.html

As for the other issue, please give us the exact steps needed to replicate it.

Best wishes,
Peter
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

answered on 20 Jan 2010, 06:36 PM

i have set the minutes per row property of scheduler to 15,Row Height to 12px and TimeLabelRowSpan to 4.
A 2 hour appointment from 6 PM to 8 PM is showing up as 6PM to 7:30 PM because the appointment is displayed based on its duration which is 2 hours.

the problem is
the scheduler doesnt consider that the Row Height and minutes per row have been changed and the appointment height should be appropriately adjusted.
the scehduler renders a 2 hour appointment asuming that minutes per row is 30 and height of row is 25 px(which is default).therefore the appointment appears to be shorter than 2 hours(6PM to 7:30 PM)
i hope this information is helpful for you to fix this issue

thanks