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

Radscheduler Month View Appointment Overlap

9 Answers 129 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Janean Angeles
Top achievements
Rank 1
Janean Angeles asked on 17 Jul 2012, 09:54 PM
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

9 Answers, 1 is accepted

Sort by
0
Plamen
Telerik team
answered on 20 Jul 2012, 09:03 AM
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.
0
Janean Angeles
Top achievements
Rank 1
answered on 20 Jul 2012, 02:07 PM
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...
0
Plamen
Telerik team
answered on 25 Jul 2012, 10:13 AM
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.
0
Janean Angeles
Top achievements
Rank 1
answered on 25 Jul 2012, 05:44 PM
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?
0
Peter
Telerik team
answered on 27 Jul 2012, 01:23 PM
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.
0
Neo
Top achievements
Rank 1
answered on 25 Sep 2013, 08:30 PM
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
0
Plamen
Telerik team
answered on 30 Sep 2013, 01:48 PM
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.
0
Matt
Top achievements
Rank 1
answered on 24 Jan 2017, 12:32 PM

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

0
Plamen
Telerik team
answered on 25 Jan 2017, 12:44 PM
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.
Tags
Scheduler
Asked by
Janean Angeles
Top achievements
Rank 1
Answers by
Plamen
Telerik team
Janean Angeles
Top achievements
Rank 1
Peter
Telerik team
Neo
Top achievements
Rank 1
Matt
Top achievements
Rank 1
Share this question
or