Displaying Multiple Appointments for day without overlapping

[Vijaianand]

After a lot of trial and error and few forum posts and emails, I was able to figure out a way to display multiple appointments for a same day without overlapping and also shows "more link" properly if its exceeds the visible limit.

Here is the code , You need to make sure you set this property for Monthview which was trying to display appointments.

<MonthView VisibleAppointmentsPerDay="4" />

Here is the CSS changes which is trickiest part of all,

.rsApt,.rsAptIn, .rsAptContent, .RadScheduler .rsMonthView .rsAptOut, .RadScheduler .rsMonthView .rsAptMid
       {
           min-height: 30px !important;
           height: auto !important;
       }

       .RadScheduler .rsMonthView .rsWrap
       {
           min-height: 34px !important;
           height: auto !important;
       }

.RadScheduler .rsApt
        {
            border: 1px solid black !important;
        }

First section sets Appointment area to proper height and second settings allows to separate them out. Last section is just making the appointment looks standout with borders.

Hope this helps others who are struggling with this issue. Attached the screenshot of my output.

[Ivana]

Hello VIJAIANAND,

Thank you for sharing the solution.

Regards,
Ivana
the Telerik team

[Vijaianand]

I was hoping get some points for it s well.

[Ivana]

Hi VIJAIANAND,

I apologize for the mix-up. I have already updated your telerik points.

Regards,
Ivana
the Telerik team

[Neo]

this is great but I have more text that needs to be shown. When I try to increase the min-height, the multi days overlap. How can I resolve this?

[Plamen]

Hi Neo,

 
We have been inspecting the scenario for possible improvements but unfortunately for the moment we could not find any other solution than the one described  in this KB article. 

Regards,
Plamen
Telerik