Radscheduler Month View Appointment Overlap

[Janean Angeles]

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

[Plamen]

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

[Janean Angeles]

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...

[Plamen]

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

[Janean Angeles]

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?

[Peter]

Hi Janean,

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

All the best,
Peter
the Telerik team

[Neo]

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

[Plamen]

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

[Matt]

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..

[Plamen]

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