Appointment template overlapped in dayview

[Ranjan]

Hi all,
I am using appointment template to display appointment. If at same time interval there are more than 3 appointment its going to overlapped. Is there is any way by which we fix the width of appointment template, so that they will not overlapped,
thanks

[Plamen]

Hello Ranjan,

You can try to add the following CSS which works at the Template demo:

.rsCustomAppointmentContainer div
   {
       width:100% !important;
       }

Hope this will help.

Regards,
Plamen Zdravkov
the Telerik team

[Ranjan]

Hi Plamen Zdravkov ,
That's fine after using this code all the appointment is visible but if content is more then it goes to next line and if appointment content is very big then it's bottom portion is not visible. Can i increase the height of time span based on content of appointment template so that the whole  appointment  template content will be visible?????????

[Plamen]

Hi Ranjan,

Here is the new CSS that helped me for that:

.rsCustomAppointmentContainer h2
        {
            overflow: hidden !important;
            white-space: nowrap !important;
            text-overflow: ellipsis !important;
        }

Best wishes,
Plamen Zdravkov
the Telerik team