| Issue 237: | Scollbar for all-day events | |
| 9 people starred this issue and may be notified of changes. | Back to list |
When I have many allday events I get a really huge space for daily events but a small space for agenda space. I think that an option to display a scrollbar for allday events area would be great!
Dec 15, 2009
Project Member
#1
adamrs...@gmail.com
Dec 17, 2009
I can't use basicWeek because I need to drag drop events from AllDay to Timed events and from Timed to AllDay. Soo the only rasonable solution I found is to add a scrolling bar to AllDay events area to better control it's size!
Dec 19, 2009
ah i see. if more people request this feature i will think about putting it into a release. thanks, adam
Summary:
Scollbar for all-day events
Labels: -Type-Defect Type-Enhancement
Dec 21, 2009
Sry I had to delete the old image cause it contained private data ;) I repost it here. Cmon guyz request this feature with me, I know you need it :D
Apr 14, 2010
I'm too interesting about it .
I add in grid.css :
.fc .fc-grid td {
border-width: 1px 0 0 1px;
overflow:auto;
}
but there is no scroolbar :s
someone have an idea to modify this ?
thanks very much :-)
Apr 26, 2010
aureliefolacci, that probably won't work with the current version, but thank you for the inspiration. for an upcoming version (i can't say when) i will try to make this manipulatable through css
May 7, 2010
Yeah, it'd be very useful to have this scrollbar in all-day section, I've got the same problem as bibendus1983. I'll highly appreciate this feature! Thanks :)
Aug 3, 2010
i have the same issue in the project. it would be very useful. Thanks.
Oct 7, 2010
(No comment was entered for this change.)
Status:
Maybe
Apr 9, 2011
any updates on this issue?
Jun 10, 2011
Thank you very much for useful jquery plugin, it helps me a lot. Its grade if you can share your time to make srollbar available in all-day area. Thanks again.
May 5, 2012
any updates on this issue? i have the same issue in the project.
Oct 9, 2012
I'm having the same issue in a project. It's too chaotic to try to organize a 'long' list of events in all-day area without a vertical scrollbar, because the timed events area don't even show in that case!. I beg you to implement these feature or to offer us a way to modify this behaviour, like a css styling method or just a property in the agenda-week and agenda-day views. Best regards.
Apr 19, 2013
Thanks for building such a nice calendar - the quality is extremely high and you giving it away is just amazing. I will likely be tackling a fix for this. If I can figure it out I will post my solution when it is done.
Jul 15, 2013
I had the same issue in my project and luckily found a solution that worked for me with version 1.5.3 with IE 10, and the actual versions of FF(22) and Chrome(28). You just have to add in some CSS inside the JS and one if-clause for filtering out JS error e == undefined. It´s all in the JS file. So here we go:
- search for "function buildSkeleton()"
- scroll down to "daySegmentContainer = $("<div style='...."
- add following code to the style statement: max-height:100px;overflow-y:auto;overflow-x:hidden;height:100%;width:100%;
for max-height:100px you may choose any height that fits for you.
- search for ""<div class='fc-day-content'><div style='position:relative'/></div>"" it´s just a few lines(8) below and add in the style statement again "max-height:100px"
- search for "function lazySegBind(container, segs, bindHandlers)"
- put an if-statement around "if ((i = e._fci) !== undefined) {.....}" so it looks like that:
if( e !== undefined )
{
if ((i = e._fci) !== undefined) {
... code stays untouched
}
}//if( e !== undefined )
- enjoy it
Aug 13, 2013
After thinking about this, if we decide to put scrollbars in the All-day area, then why don't we also put scrollbars in Month view, on rows that have a lot of events? It gets hairy. It seems like the best solution, UX-wise would be to only show the first few events, then do a "# more..." link, as described in issue 304 . That's what Google Calendar does and it seems to work well.
Status:
WontFix
Labels: -Type-Enhancement Type-Feature
Oct 24, 2013
@michael, with your solution you can't click the cell to add an all day event anymore, because your div si now over the div you clicked. Did you find a way around this problem?
Oct 30, 2013
@andy_ste: No i stil have the problem but in my project it´s not so important. It´s mainly used to show events not to make new ones. If i want to make a new allday event i can click on any hour-row and just delete the time so it´s automaticly seen as a allday event and correctly shown in the allday-section. I know this is an uncomfortable workaround but it´s ok for me for the moment.
Nov 6, 2013
You can use the the browser scroll for viewing both the all-day and other events by disabling the plugin scroll bar for events and setting the calendar-view height to a large value in eventAfterRender function
{{{
eventAfterRender : function(event,element,view){
if(view.name === 'agendaWeek' || view.name === 'agendaDay') {
view.setHeight(99999999999);
}
}}}
TO disable default scroll for other events :
In fullcalendar.js , buildSkeleton method search for slotScroller = $("<div style='position:absolute;width:100%;overflow-x:hidden;overflow-y:hidden'/>")
.appendTo(slotLayer);
Change css overflow-y from auto to hidden
|
|
| ► Sign in to add a comment |