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

Displaying Multiple Appointments for day without overlapping

5 Answers 88 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Vijaianand
Top achievements
Rank 1
Vijaianand asked on 12 Jul 2012, 12:51 PM
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.

5 Answers, 1 is accepted

Sort by
0
Ivana
Telerik team
answered on 13 Jul 2012, 01:41 PM
Hello VIJAIANAND,

Thank you for sharing the solution.

Regards,
Ivana
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Vijaianand
Top achievements
Rank 1
answered on 13 Jul 2012, 03:23 PM
I was hoping get some points for it s well.
0
Ivana
Telerik team
answered on 18 Jul 2012, 10:09 AM
Hi VIJAIANAND,

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

Regards,
Ivana
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Neo
Top achievements
Rank 1
answered on 25 Sep 2013, 08:21 PM
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?
0
Plamen
Telerik team
answered on 30 Sep 2013, 01:45 PM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Tags
Scheduler
Asked by
Vijaianand
Top achievements
Rank 1
Answers by
Ivana
Telerik team
Vijaianand
Top achievements
Rank 1
Neo
Top achievements
Rank 1
Plamen
Telerik team
Share this question
or