Radscheduler Month View Appointment Overlap

10 posts, 0 answers
  1. Janean Angeles
    Janean Angeles avatar
    12 posts
    Member since:
    Jul 2009

    Posted 17 Jul 2012 Link to this post

    I'm having issues with the radscheduler overlapping in monthview.

    the calendar is question is:
    http://eastmeadow.syntaxschools.chasestaging.net/calendar/calendarview.aspx?group=&RequestedDate=9/1/2012&RequestedCalendar=monthgrid 

    If you look at the 10th you can see that the 'Adult Ed' appt spans 3 days, but is hidden behind the other appointments.  

    I'm using the latest build of the rad controls (2012.2.607.35), but can't seem to get the appointments to not overlap if the appointment is not set to 'all day'. 

    Here's my current settings:
    <telerik:RadScheduler runat="server" ID="RadScheduler1"
                AllowEdit="False"
                AllowInsert="False"
                AllowDelete="False"
                Height="100%"
                DayStartTime="07:00:00"
                DayEndTime="23:00:00" 
                EnableDescriptionField="True"
                ShowAllDayRow="False"
                OnClientAppointmentClick="OnClientApointmentClick" 
                OverflowBehavior="Expand" MonthView-AdaptiveRowHeight="True">
                <MonthView AdaptiveRowHeight="false" MinimumRowHeight="5" VisibleAppointmentsPerDay="50" />
                <TimelineView UserSelectable="false" />
                <ResourceTypes>
                    <telerik:ResourceType KeyField="GroupID" Name="Group" TextField="GroupCssClass" ForeignKeyField="GroupID" DataSourceID="ldsGroups" AllowMultipleValues="true" />
                </ResourceTypes>
                <WebServiceSettings>
                <ODataSettings InitialContainerName=""></ODataSettings>
                </WebServiceSettings>
                <AppointmentTemplate>
                    <div class="rsAptSubject">
                        <div style="padding-right: 20px;"><%# Eval("Subject") %></div>
                        <div style="position:absolute;top:0;right:0;padding: 1px;">
                            <span style="cursor: pointer; cursor: hand;">
                                <asp:ImageButton runat="server" ID="Button1"
                                    ImageUrl="/images/icons/outlook.png"
                                    AlternateText="Export to iCalendar"
                                    CommandName="Export"
                                    OnClientClick="Export(this, event); return false;" />
                            </span>
                        </div>
                    </div>
                </AppointmentTemplate>
                <TimeSlotContextMenuSettings EnableDefault="false" />
                <AppointmentContextMenuSettings EnableDefault="false" />
            </telerik:RadScheduler>


    I've tried the following css with no luck:
    .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;
            }


    Do you have any idea why the appointments would be overlapping like this and how to possibly correct it?

    Janean
  2. Plamen
    Admin
    Plamen avatar
    2925 posts

    Posted 20 Jul 2012 Link to this post

    Hi Janean,

     
    I have inspected the live URL that you sent but  unfortunately could not observe any overlapping appointments. Here is the image of what I have observed.  Would you please send an image of the exact issue so we can review it once again?

    Regards,
    Plamen
    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. Janean Angeles
    Janean Angeles avatar
    12 posts
    Member since:
    Jul 2009

    Posted 20 Jul 2012 Link to this post

    Sorry about that, the issue happens when the browser or css constrains the calendar to a smaller width like 768px. I've updated the css temporarily so you should see it now and I've attached a screenshot so you can see what I mean.  In the highlighted case it's not aweful, but there are instances where I've seen appointments overlapping each other so much that you can't even see the one below unless you're looking for it...
  4. Plamen
    Admin
    Plamen avatar
    2925 posts

    Posted 25 Jul 2012 Link to this post

    Hi Janean,

     
    This behavior is expected when Appointment templates are used and some styles are added in order to fix their sizes according to the text. This approach doesn't work for multi-day appointments as it is mentioned in this KB.

    Hope this will explain the issue.

    Kind regards,
    Plamen
    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.
  5. Janean Angeles
    Janean Angeles avatar
    12 posts
    Member since:
    Jul 2009

    Posted 25 Jul 2012 Link to this post

    Thanks Plamen,

    Unfortunately we need multi-day appointments to span and not be covered so I guess this solution won't work for us.  I'll just have to remove the css for adjusting the size for now.  Is there any consideration for the future to overcome this limitation?
  6. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 27 Jul 2012 Link to this post

    Hi Janean,

    You can consider using RadToolTip to display the entire subject for the appointments.

    All the best,
    Peter
    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.
  7. Neo
    Neo avatar
    30 posts
    Member since:
    May 2009

    Posted 25 Sep 2013 Link to this post

    I cannot believe such a simple request is denied and you basically say deal with it. It is unacceptable to use like this and should be addressed. Any other third party calendar I've used is smart enough to adjust the height of the calendar cell
  8. Plamen
    Admin
    Plamen avatar
    2925 posts

    Posted 30 Sep 2013 Link to this post

    Hi Neo,

     
    Thank you for you feedback.

    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.  Please excuse us for this limitation of the control.

    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.
  9. Matt
    Matt avatar
    2 posts
    Member since:
    Jan 2017

    Posted 24 Jan 2017 Link to this post

    Hi,

    Did you found any solution of this issue. In your demo it it is showing properly but we are still facing this problem.
    Have a look to screen shoot..

  10. Plamen
    Admin
    Plamen avatar
    2925 posts

    Posted 25 Jan 2017 Link to this post

    Hi,

    Unfortunately there is not other solution for the issue than the one that were described in the previous post. Please excuse us for this limitation of our control.

    Regards,
    Plamen
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top