[Solved] Changing height for appointment disables delete functionality

[Thomas Salt]

Hi,

I put the following styles in my page to change the height of the appointment to 15px as well as some other styling items.  I found that when I remove the height:15px from the first item in the style sheet, the built in delete functionality works for each appointment.  However leaving the height set to 15px allows me to see the delete button (the X in the top right corner), but it does not allow me to click the delete button.

Also just as a note "AppClass" and "EventClass" are custom styles set in the AppointmentDataBound event to individual appointments.

	<style type="text/css">
	.RadScheduler_Office2007 .rsMonthView div.rsWrap
	{
	height:15px;
	width:100%;
	}
	.rsAptContent.AppClass .rsAptInner, .rsAptContent.EventClass .rsAptInner
	{
	line-height: 12px !important;
	border-top:Solid 2px #555;
	padding-left:3px;
	}
	.rsAptContent.AppClass .rsAptInner
	{
	background-color:#BF7F3F;
	}
	.rsAptContent.EventClass .rsAptInner
	{
	background-color:#4B71A2;
	}
	.RadScheduler_Office2007 .rsMonthView .rsCell
	{
	height:75px !important;
	}
	</style>

Thanks for the help,

Seth

[Alex Gyoshev]

Hi Thomas Salt,

Unfortunately, we were unable to reproduce the problem locally, yet it is probably caused by an insufficient z-index of the delete button, so the following CSS should remove the problem:

div.RadScheduler_Office2007 .rsAptDelete
{
    z-index: 100 !important;
}

If this is not the case, please open a support ticket and attach a solution so that we could investigate what causes the problematic behavior.

Kind regards,
Alex
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center