Issue 237: Scollbar for all-day events
Status:  WontFix
Owner: ----
Closed:  Aug 2013
Reported by bibendus...@gmail.com, Dec 9, 2009
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
this could be a possibility. but have you considered using 'basicWeek' view instead?
http://arshaw.com/media/fullcalendar/examples/basic-views.html
Dec 17, 2009
#3 bibendus...@gmail.com
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
Project Member #5 adamrs...@gmail.com
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
#6 bibendus...@gmail.com
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
HugeAllDayArea.jpg
72.8 KB   View   Download
Apr 14, 2010
#7 aureliefolacci
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
Project Member #8 adamrs...@gmail.com
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
#9 marcin.m...@gmail.com
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
#10 jackey....@gmail.com
i have the same issue in the project. it would be very useful. Thanks.
Oct 7, 2010
Project Member #11 adamrs...@gmail.com
(No comment was entered for this change.)
Status: Maybe
Apr 9, 2011
#12 hvillac...@gmail.com
any updates on this issue?
Jun 10, 2011
#13 tuanl...@gmail.com
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
#14 zxf1...@gmail.com
any updates on this issue? i have the same issue in the project.
Oct 9, 2012
#16 quadriv...@gmail.com
  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
#17 jasonhar...@gmail.com
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
#18 michael....@hans-held.de
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
Project Member #19 adamrs...@gmail.com
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
#20 andy_ste...@yahoo.com
@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
#21 michael....@hans-held.de
@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
#22 lohit...@vtiger.com
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