Customize Appointment with round corners

[ravi]

	HI
	Here i am facing problem with round corner for appointment.
	I want to customizes appointment with roundcorner with dynamic color.
	i want to apply color when the create an appointment.
	I tried with existing styles of radschedular but dynamic color not applying.
	and tried with customize rounded corners. its working for an aapointment but while dragging , its not working.
	<AppointmentTemplate>
	<asp:PlaceHolder ID="PlaceHolder_AppointmentCell" runat="server"></asp:PlaceHolder>
	</AppointmentTemplate>
	protected void RadScheduler1_AppointmentCreated(object sender, AppointmentCreatedEventArgs e)
	{
	if (e.Appointment.Visible)
	{
	if (!string.IsNullOrEmpty(e.Appointment.Attributes["szColor"]))
	{
	_strBuilder = new StringBuilder();
	_strBuilder.Append("<b class='b1f' style='background-color:" + e.Appointment.Attributes["szColor"].ToString() + "'></b><b class='b2f' style='background-color:" + e.Appointment.Attributes["szColor"].ToString() + "'></b>");
	_strBuilder.Append("<b class='b3f' style='background-color:" + e.Appointment.Attributes["szColor"].ToString() + "'></b><b class='b4f' style='background-color:" + e.Appointment.Attributes["szColor"].ToString() + "'></b>");
	_strBuilder.Append("<div class='contentf' style='height:33px;background-color:" + e.Appointment.Attributes["szColor"].ToString() + "'>");
	_strBuilder.Append("<div class='rsWrap' style='z-index: 14;'><div>");
	_strBuilder.Append(e.Appointment.Subject);
	if (Convert.ToBoolean(e.Appointment.Attributes["bConfirmed"]))
	{
	_strBuilder.Append("<div style='height:10px;width:10px;background-color:Green'>&nbsp;</div>");
	}
	else
	{
	_strBuilder.Append("<div style='height:10px;width:10px;background-color:Red'>&nbsp;</div>");
	}
	_strBuilder.Append("<div class='rsAptResize' style='z-index: 80;background:" + e.Appointment.Attributes["szColor"].ToString() + ";'></div>");
	_strBuilder.Append("</div></div></div>");
	_strBuilder.Append("<b class='b4f' style='background-color:" + e.Appointment.Attributes["szColor"].ToString() + "'></b><b class='b3f' style='background-color:" + e.Appointment.Attributes["szColor"].ToString() + "'></b>");
	_strBuilder.Append("<b class='b2f' style='background-color:" + e.Appointment.Attributes["szColor"].ToString() + "'></b><b class='b1f' style='background-color:" + e.Appointment.Attributes["szColor"].ToString() + "'></b>");
	}
	PlaceHolder appointmentCell = (PlaceHolder)e.Container.FindControl("PlaceHolder_AppointmentCell");
	appointmentCell.Controls.Add(new LiteralControl(_strBuilder.ToString()));
	}
	}
	if any one know give me reply.
	Thx

[SKS]

can the telerik support team reply to this?
how can this be achieved?
i need to make the corners of the appointment rounded and make the appointment cell occupy 100% of the space available.

thanks

[robertw102]

If you want to apply different color's to the appointments with the rounded corners, you take the approach they use in their online examples. Here's one of them: http://demos.telerik.com/aspnet-ajax/scheduler/examples/resourceavailability/defaultcs.aspx . They pretty much create a different background for each color.

You just need to edit the scheduler background in photoshop, change the colors and then save each color background. You then just apply the CssClass on the appointment that applies the background color image. Like so, background-image: url('BlueBackground.png'). That's how I do it in my application.

I hope that helps.

[Peter]

You can also review this help topic:
http://www.telerik.com/help/aspnet-ajax/schedule_howtoset_different_styles_for_appointments.html
(you have to scroll down a bit)
and use the 10 predefined, skin-independent CSS styles that we offer with Q1 2009 SP1.


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.

[SKS]

i have seen that link already.
i dont understand CSS that well enough.
can you give me the CSS for round corners for borders of appointment?
thanks

[Peter]

Hello Sudhir,

Rounded corners are built-in with Q1 2009 SP1 or later, so you don't need to apply any additional css styles. If you use an older version, please upgrade to the current official version - 2009.2.826 and enjoy the rounded corners of the appointments.

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.