Skip to content
This repository has been archived by the owner. It is now read-only.

Feature request: Handling large number of all-day events #312

Closed
ghost opened this Issue Apr 5, 2016 · 4 comments

Comments

Projects
None yet
1 participant
@ghost
Copy link

ghost commented Apr 5, 2016

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 comment has been minimized.

Copy link
Owner

mattlewis92 commented Apr 5, 2016

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

This comment has been minimized.

Copy link
Author

ghost commented Apr 5, 2016

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 mattlewis92 self-assigned this Apr 7, 2016

@mattlewis92

This comment has been minimized.

Copy link
Owner

mattlewis92 commented May 13, 2016

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 comment has been minimized.

Copy link
Author

ghost commented May 17, 2016

This is perfect. Thanks!

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
You can’t perform that action at this time.