All day overflow

[Craig Neblett]

It appears that the all-day section of the day view is limited to four appointments formatted in a two column grid. Is there any way to alter this? I realize that there needs to be a practical limit on , but I'd like it to be more than four. I'd also like the appointments to take up the full width, a single column rather than two.

Absent any of that, I'd like to be able to indicate that there are more all-day appointments could be displayed.

It all probably comes down to guidance on how to alter or replace the AllDayEventsView in a custom renderer.

Thanks,

Craig

[Nikolay]

Hello Craig,

We already have a feature request about exposing more customisation properties for the all-day sections - you can track its progress on the following link from our Ideas & Feedback portal - link. Please subscribe to the item in order to be automatically notified when an update is available.

Currently you can achieve some of the described functionalities by creating a custom CalendarRenderer where you will have access to the native android & iOS controls. I'm posting simple implementation of CustomCalendarRenderer that shows the all-day appointments in one column instead of two:

Android implementation:

public class CustomCalendarRenderer : CalendarRenderer
{
    public override bool TrySetViewMode(CalendarViewMode view, bool isAnimated)
    {
        if (view == CalendarViewMode.Day)
        {
            this.Control.DayView.AllDayEventsViewStyle.MaxColumns = 1;
        }

        return base.TrySetViewMode(view, isAnimated);
    }
}

iOS implementation:

public class CustomCalendarRenderer : CalendarRenderer
{
    protected override CalendarDelegate CreateCalendarDelegateOverride()
    {
        return new CustomCalendarDelegate();
    }
}

public class CustomCalendarDelegate : CalendarDelegate
{
    public override void DidChangedViewModeFrom(TKCalendar calendar, TKCalendarViewMode previousViewMode, TKCalendarViewMode viewMode)
    {
        base.DidChangedViewModeFrom(calendar, previousViewMode, viewMode);

        var dayViewPresenter = calendar.Presenter as TKCalendarDayViewPresenter;
        if (dayViewPresenter == null)
        {
            return;
        }

        dayViewPresenter.DayView.AllDayEventsView.Style.EventsPerRow = 1;
    }
}

Additionally you can show more than two rows for the all-day appointments for android using the MaxVisibleEventRows property of the AllDayEventsViewStyle class. Unfortunately this functionality is still missing for the iOS DayView. 


Here are a few links about how to create a custom renderer:

• Register the RadCalendar renderer
• Custom Calendar Renderer

Have a great week.

Regards,
Nikolay
Progress Telerik

[Craig Neblett]

On iOS, the TKCalendarDayViewAllDayEventsViewStyle class has a MaxVisibleLines property which appears to be initially set to 2. It looks like I can increase that to 3 to get a third line to display. Values greater than 3, however, appear to have no effect. Is this the limit of the control or can the height of that view be adjusted to allow for more rows?

Thanks,

Craig

[Nikolay]

Hello Craig,

Yes, the MaxVisibleLines property of the TKCalendarDayViewAllDayEventsViewStyle is intended to adjust the visible rows of the all-day appointments. I can confirm that this is an is an issue with the iOS implementation of the DayView. I have logged Bug Report in our backlog about this behavior. Here is a link to the public item in our Feedback Portal.

Regarding your question about increasing the height of the AllDay view - currently a property for controlling the height of the view is not exposed. The only work around I can suggest you is to increase the bottom value of the EventsViewInsets property. Here is a simple code snipped of how to set the property:

dayViewPresenter.DayView.AllDayEventsView.Style.EventsViewInsets = new UIKit.UIEdgeInsets(3, 3, 50, 3);

I hope I've been helpful.

Regards,
Nikolay
Progress Telerik