Feature request: Handling large number of all-day events

[ghost]

When there are lots of all-day events in one day, the day view becomes cluttered, and starts to scroll horizontally. I've had a search on here and stack overflow and can't find an example of how this might currently be handled.

I think a great feature would be to be able to define an event as "all-day", thus allowing it to appear just above the timeframe for the day (like Google Calendar or Outlook). This would free up the majority of the space below for events that are contained within the current day.

Example of current behaviour: http://plnkr.co/edit/DUEO7K4IUcd26qmR46t5?p=preview

Angular: v1.5.3
Browser name and version: Chrome v49

Thanks

[mattlewis92]

This is reasonable and something that could be implemented fairly easily, I'm away on holiday for the next few weeks so unable to work on it myself, feel free to submit a PR though.

As a starting point you can mark and determine the all day events here by setting a boolean field on the event if it is all day or not, and then add a filter here to only display non all day events. Finally you'll need to display the all day events in the same template, you might be able to get away with using the same CSS classes as the week view events or you might have to write some additional CSS to handle these events. Hope this helps 😄

[ghost]

Thanks for the quick reply Matt. That sounds great. Unfortunately I don't think I have the knowledge to be able to develop something reasonable enough for a PR. But, I might have a play myself if I have some free time, given the pointers you provided.

I look forward to an up-coming new version 😃

[mattlewis92]

Hi sorry about the late reply on this, I've been super busy with angular2 projects lately. I've just released 0.20.0 which will allow you to specify allDay: true on an event to display it as an all day event on the day view. Let me know if you have any issues with it! 😄

[ghost]

This is perfect. Thanks!