Displaying Multiple Appointments for day without overlapping

6 posts, 0 answers
  1. Vijaianand
    Vijaianand avatar
    82 posts
    Member since:
    Jul 2012

    Posted 12 Jul 2012 Link to this post

    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.
  2. Ivana
    Admin
    Ivana avatar
    657 posts

    Posted 13 Jul 2012 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Vijaianand
    Vijaianand avatar
    82 posts
    Member since:
    Jul 2012

    Posted 13 Jul 2012 Link to this post

    I was hoping get some points for it s well.
  5. Ivana
    Admin
    Ivana avatar
    657 posts

    Posted 18 Jul 2012 Link to this post

    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.
  6. Neo
    Neo avatar
    30 posts
    Member since:
    May 2009

    Posted 25 Sep 2013 Link to this post

    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?
  7. Plamen
    Admin
    Plamen avatar
    2730 posts

    Posted 30 Sep 2013 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017