Hi all,
I' d like to have a parameter that allow me to indicate the maximum events that can be showed into a day of the month view. If a day has more than 2 or 3 events, the rendering is not so good (long list of events that stretch the calendar). When more than 2 or 3 events are rendered, a special div should show a text like the following "..more events.." and user can see other events by clicking on this div (also for example going to the day view)
BR, Enrico
Comment #1
Posted on Feb 4, 2010 by Grumpy GiraffeI agree, google calendar does something similar on the month view, after a few events are show a "see more" link is shown that expands the day cell to show the remaining events.
Comment #2
Posted on Feb 5, 2010 by Quick CatIt could be useful ;)
Comment #3
Posted on Feb 6, 2010 by Helpful Monkeyi agree, this would be useful. can't say when i'll get to it though, but i think it would be really cool
Comment #4
Posted on Feb 22, 2010 by Grumpy Rabbitdid this finished?
Comment #5
Posted on Mar 31, 2010 by Helpful Monkeyno, i have not gotten a chance to work on this
Comment #6
Posted on Mar 31, 2010 by Helpful MonkeyIssue 410 has been merged into this issue.
Comment #7
Posted on Apr 19, 2010 by Happy Rabbitohhh... how long wait this? ) I hope... )
Comment #8
Posted on Apr 27, 2010 by Helpful MonkeyIssue 436 has been merged into this issue.
Comment #9
Posted on Apr 27, 2010 by Happy RabbitI beg to add simple changes in Adam`s source code, which " + n more " functional. This solution not appear final and you use that at one's own risk. $("calendar").fullCalendar({ ... more: 4, ... });
Adam, I hope you not be offended.
My english not well. I know this )
- fullcalendar.js 97.47KB
Comment #11
Posted on Jun 17, 2010 by Helpful MonkeyIssue 469 has been merged into this issue.
Comment #12
Posted on Jul 1, 2010 by Happy CamelHi Adam,
any news about this issue?
BR
Comment #13
Posted on Jul 1, 2010 by Helpful KangarooI think Adam is currently working on the new 1.5 version. At the earliest in this version he will fix that problem and for that what I heard/read about his plans for v1.5 it will still take some time. Correct me Adam when I'm wrong ;)
Comment #14
Posted on Jul 1, 2010 by Helpful CatThe only problem with this solution is that server is still sending all of the events so the full query is processed and sent back in spite that you need only the first 3-4. This can cause problems if you have many (>30) events per day.
I simply attached the current view's name to the post variables and altered my query so if we are in "month" view it returns only 3-4 events per day. Works like a charm and it's really fast! :)
Comment #15
Posted on Jul 1, 2010 by Helpful KangarooAnyway it's not exactly brilliant because it would be better if the number of maximum events depends on the size of the grid. This way you can send this number within your request and you will get only those numbers of events for each day.
Comment #16
Posted on Jul 1, 2010 by Helpful CatWell in my case, the number of displayable events is attached to the user account so it can be set.
Comment #17
Posted on Jul 1, 2010 by Happy RabbitHi, I don`t see problem for sending quantity of events to server, but I not understand how user can see all events in the day if he want this?
Yes, this.vay, your solutions better.
Comment #18
Posted on Jul 1, 2010 by Helpful Kangaroo@sergklein
If you only request the specific number of events for each day you have to bind a request to your "more events" link which is displayed at each day where more events exist. This request will call all events for this day.
Comment #19
Posted on Jul 13, 2010 by Swift CatI have a request for this functionality as well. There are days that have 50+ events in the calendar I am working on.
Although smart loading based on a max variable would be nice, I am not too worried about it. Just fixing the display and having a "more" link would be great.
Comment #20
Posted on Jul 29, 2010 by Swift MonkeyYes. Please make this amendment sooner as it will be really be helpful. :)
Comment #21
Posted on Aug 4, 2010 by Happy ElephantYeah.. I need this feature in the project. It would really be useful/helpful. When will this be completed? Thanks.:)
Comment #22
Posted on Aug 9, 2010 by Happy ElephantHI sergklein, I am trying your code attached above. I have some problem with it. Nothing displayed by clicking "more.." when I switch View (basicWeek/agendaWeek) and then get back.. can you please help me out? thanks so much.
Comment #23
Posted on Aug 9, 2010 by Happy RabbitI sendind test(example) solution on your email.
Comment #24
Posted on Aug 10, 2010 by Happy MonkeyHI sergklein, I am trying your code attached above. I have some problem with it. The events are displayed in the previous month grid, those are not displayed in the current month(ex: i have events for 2nd August and 3rd August these two are available in previous month means after completion of july we start august dates in the same july month view. the events are displayed in july month grid, not displayed in August month grid).Please help.
Comment #25
Posted on Aug 25, 2010 by Massive RabbitHi,
Great script for "...more" link. However there is one problem arising. When you click on the +more link it opens the div and shows the moer events in the div However when try to close the div using the close(X) icon it closes the div but also triggers the New Event code. The click event is also getting called when clicked on close icon. Any solution for this?
Comment #26
Posted on Aug 26, 2010 by Helpful MonkeyIssue 535 has been merged into this issue.
Comment #27
Posted on Aug 27, 2010 by Massive RabbitHi Adam,
Any idea when can we have the solution on Comment #25?
Comment #28
Posted on Aug 31, 2010 by Happy DogHi Adam,
When do you plan to release the next version?
Comment #29
Posted on Aug 31, 2010 by Swift Camelsergklein, do you have a 'newer' version of your code, I can not get the eventclick to fire for those items in the popup window.
Comment #30
Posted on Sep 1, 2010 by Happy RabbitSorry, I have not a time on fixes. If I make new version,I made a promise published it here.
Comment #31
Posted on Sep 1, 2010 by Happy RabbitTry follow code, but I not test this
eventRender: function(event, element) {
$(element).bind("click", event, function(event){
window.location = event.data["url"];
});
}
Comment #32
Posted on Sep 1, 2010 by Swift CamelI am attaching an updated version of sergklein's code. He really almost had it perfect. Just want to help out until a new version of full calendar is released. Note: you will have to add alittle logic around the 2 events in you code too, to prevent dayClick and eventClick firing when you don't want them to. (i.e. when you click on the 'more' link or on an event in the 'more box')
Around the dayClick event code on your index page, add the code ...
// skip this item if it is a lightbox of MORE items var blnSkip = false; $(this).children("div").children("div").each(function() { if ((this.tagName == 'DIV') && $(this).html() != '' && ($(this).attr('id') == 'uibox_content_' + y + '-' + String("0" + m).slice(-3) + '-' + String("0" + d).slice(-2) ) ) { if ($('#uibox_'+ + y + '-' + String("0" + m).slice(-3) + '-' + String("0" + d).slice(-2) ).css('display') != 'none') { blnSkip = true; } } });
// then followed by the If block around your dayClick code... if ( blnSkip == false) { ... }
Around the eventClick event code on your index page, add the following IF block code ...
if ($(this).andSelf("td").hasClass('more') == false) { ... }
- fullcalendar_custom.js 97.51KB
Comment #33
Posted on Sep 7, 2010 by Massive RabbitHi programmerneo,
We are using v1.4.6 of fullcalendar so can you please help us where to add the above code. Also if you can provide us the index page then that will be very helpful.
Thanks
Comment #34
Posted on Sep 7, 2010 by Swift CamelHere is a basic, stripped down index page. I think you should be able to make it work for yourself.
- index.htm 7.4KB
Comment #35
Posted on Sep 8, 2010 by Massive Rabbityes I already tried with your code but it's not working so asked for index file. I am attaching my files. Can you please check what is missing in it.
- fullcalendar.js 120.42KB
- calendar.js 3.01KB
Comment #36
Posted on Sep 8, 2010 by Swift CamelIt is difficult, to figure out what is missing without your index page. Please note, I only modified sergklein's code, which was built off FullCalendar v1.4.4. It would take me sometime, to look at and update the current js file from FullCalendar v1.4.7. (Unfortunately, I really don't have the time right now.) If you do not need the drag and drop feature, I suggest you use the fullcalendar_custom.js file I previously attached, and add the few additions to your js event calls, to prevent dayClick and eventClick firing when you don't want them to.
Comment #37
Posted on Oct 20, 2010 by Massive Oxwould it be easier for the developers to simply add a parameter to the server request indicating whether it's requesting the montly, weekly, or daily view? then it would be on the server side code to limit the number of events returned per day, if desired.
the server side code could even return a dummy event for "more" with a unique id to be handled on the "eventclick" callback.
Comment #38
Posted on Dec 15, 2010 by Massive BirdHi Adam,
When do you plan to release the next version with "More" link like google calendar?
Comment #39
Posted on Dec 21, 2010 by Happy LionHi Adam, Do you think about "More" link Click go to the Daily View...
Comment #40
Posted on Dec 21, 2010 by Helpful CamelI've come to a solution for the top two issues. The "more" link, and the "list view" functionality. I did this without editing the source of fullcalendar. The "more" link and limiting events to a specific number can be accomplished in the eventRender callback.
I will post a blog article on how to implement this. Perhaps Adam would like to use the code internally, or maybe he'd like me to create a branch on Github that has this functionality inside the plugin.
Adam, do you have any thoughts on this? Is this a branch you'd like to merge into the plugin, or do you think this should stay outside of the plugin core?
Comment #41
Posted on Dec 22, 2010 by Massive BirdHi, jquery.fun, Can you please share with me about how to implement the "more" link without editing the source of fullcalendar.
Comment #42
Posted on Dec 22, 2010 by Helpful CamelI plan on writing a detailed blog article sometime soon after x-mas explaining exactly how to do it. With the holidays and all, I don't have time to do it right this instant. I will comment again on issue 304 with a link to the blog, which will contain a working example, a download link, along with a "how-to" guide. I anticipate this will be done sometime before Jan 7th, 2011.
Comment #43
Posted on Dec 31, 2010 by Helpful Monkeythanks for everyone's patience on this. i have been very busy, and when i have had time to work on fullcalendar, i've been tackling more pressing bug-related issues (as opposed to new features).
this is definitely a feature i'd like to get into fullcalendar. jquery.fun, i am imagining this as a plugin that is separate from the core. however, i'm not sure that fullcalendar has enough hooks/plugin-architecture at this point to achieve it, but i bet you could figure something out with enough hacking. i will definitely consider releasing/working-off-of your code to get this in a real release.
Comment #44
Posted on Jan 7, 2011 by Helpful ElephantHey jquery.fun, any ideas on whether you're still going post a blog tutorial on the features mentioned above?
Comment #45
Posted on Jan 7, 2011 by Helpful CamelAbsolutely. I'm sorry I didn't get it done by the date I had projected. I got it working within a large ruby on rails app, and I'm still in process of ripping this functionality out into a simplified front-end only demo. I'm using a plugin called Mockjax, so that you can wire it up to whatever backend you choose. Since there is such demand for this to be done ASAP, the downloadable working example will be a bit sloppy by my standards, but I'll post updates as we come to a cleaner version. I'll do my best to have this done sometime before the 14th. Even though the fullcalendar plugin is so well written, I pulled my hair out quite a bit to add this functionality. I'd like to help others avoid the nightmare I went through, so I will be posting soon. Thanks! :D
Comment #46
Posted on Jan 12, 2011 by Helpful RabbitHi Adam, Hi jquery.fun.
I'm refreshing this page 3times a day. Can't wait for the update! and Can't wait for the 14th!
Hope you can come up with solution!
Comment #47
Posted on Jan 13, 2011 by Helpful CamelComment deleted
Comment #48
Posted on Jan 13, 2011 by Helpful CamelComment deleted
Comment #49
Posted on Jan 13, 2011 by Helpful CamelComment deleted
Comment #50
Posted on Jan 15, 2011 by Helpful CamelComment deleted
Comment #51
Posted on Jan 21, 2011 by Helpful CamelAs you can probably tell, this is closer to a wrapper than a "plugin for a plugin." Version .03 will attach itself to the core as a new method that can be called after you have called the core calendar functionality, i.e. $('#calendar').fullCalendar('viewMore', { maxEvents: 4 });
Comment #52
Posted on Jan 25, 2011 by Helpful CamelComment deleted
Comment #53
Posted on Jan 26, 2011 by Helpful CamelComment deleted
Comment #54
Posted on Feb 3, 2011 by Helpful CamelVersion 0.081 is now available.
Example: $('#calendar').limitEvents(4);
https://github.com/lyconic/fullcalendar.viewmore
Thanks for the bug reports! This plugin is really starting to take shape.
Comment #55
Posted on Feb 14, 2011 by Helpful Monkeywoah, this looks quality. will contact you at some point about merging this stuff
Comment #56
Posted on Feb 14, 2011 by Helpful CamelThanks! I'm happy to hear that. Very interested to see how you go about using this.
-Scott
Comment #57
Posted on Feb 15, 2011 by Massive BirdHi Adam, This is a great plug-in and We are eager to have this feature in upcomming release. So, do we expect "more" link feature in upcomming release?
Comment #58
Posted on Feb 22, 2011 by Happy LionSo good,
Thank a lot, Scott.
Comment #59
Posted on Apr 7, 2011 by Grumpy Dogdoes anyone know an easy way to get this working with fullcalendar 1.5? At the moment it breaks everything for me on month view and all events are stuck up at the top of the screen, see the attached screen shot
- cal.jpg 84.7KB
Comment #60
Posted on Apr 7, 2011 by Helpful Camel@robert
I actually noticed this a couple days ago, and have created an issue for it. I plan on resolving this issue as soon as I have a free hour or two.
https://github.com/lyconic/fullcalendar.viewmore/issues#issue/6
Comment #61
Posted on May 3, 2011 by Swift DogHas a new version come out yet? If not does anyone have a eta of when?
Comment #62
Posted on May 3, 2011 by Helpful CamelI'm sorry I can't give you an exact date in which this will be done. I've been extremely busy with other projects. If somebody wants to fork it on github, solve the issue, and submit a pull request, I certainly won't complain. :) If not, I will get to it as soon as I can. Sorry it hasn't been done sooner, I work at least 8 hours at the office and put in like 4 more per day on a personal web app at home.
Comment #63
Posted on May 6, 2011 by Helpful CamelGot it working with version 1.5.1 It's nowhere near bug-free, but at least it works. When I get all the bugs out, I'm going to submit a pull request to the fullCalendar plugin author, to make it easier for him to integrate this as a supported addition to the core plugin.
I added this into a fork of the Full Calendar plugin even though I didn't edit any of the plugin's code, html or CSS. I thought it might make it easier to work with and understand. The working example is found in demos/limit-events.html
Please submit any bugs or issues via Github.
Comment #64
Posted on May 24, 2011 by Helpful Hippo@comment #63
How can I download your stuff from this link? https://github.com/sgreenfield/fullcalendar when I hit download and choose 1.5.1 I don't see any of the files that I see when I am browsing through it on the github.
I am guessing I am downloading the official release so how do I get at your release?
Comment #65
Posted on May 24, 2011 by Helpful CamelYeah, github is kind of confusing like that. Ignore the "packages" links. Those are for the master branch. Simply click the "download .zip" button. Example found in demos/limit-events.html
Comment #66
Posted on May 27, 2011 by Grumpy PandaA "more" link is a good idea. However there are situations in which you only want to automatically extend the height of the entire calendar and/or any of the day boxes in it in order to show all the events immediately without clicking further links.
Comment #67
Posted on May 27, 2011 by Helpful Hippo@ Comment #65
Ok I got it now. However I am looking at the limit-events and I don't see any indication of it using more. I mean the most number events any given date has is 2. This is for the month of May.
Comment #68
Posted on May 29, 2011 by Helpful CamelTry dragging the events around. Move multiple events into one date, and when it hits the limit, you will see it.
Comment #69
Posted on Jun 1, 2011 by Helpful Hippo@ Comment #68
Cool then the plugin is fixed to work with the latest version of full calendar?
Comment #70
Posted on Jun 10, 2011 by Swift DogComment deleted
Comment #71
Posted on Jun 10, 2011 by Swift DogComment deleted
Comment #72
Posted on Jun 10, 2011 by Swift DogGreat Work! Thanks a lot Scott!
Comment #73
Posted on Jun 20, 2011 by Helpful KangarooScott, is there an "easy" way to use your feature without bringing in all of the individual fullcalendar js files? i.e., I was hoping to bring in a new version of fullcalendar.min.js and your fullcalendar.viewmore.js (and maybe the bubble.js) but it seems (unless I'm looking at this wrong) that I have to bring in your _loader.js which brings in the individual js files.
Comment #74
Posted on Jul 4, 2011 by Happy LionI have tried the ViewMore 1.51 update, and it 'sort' of works, but has issues, some major, and some annoying. So, I would 'really' like to see this implemented as part of the core and the bugs taken out. However, this issue was accepted long time ago, and i take it that it hasn't been easy to work in.
In my application I have a lot of events that stretch across many days, some stretch weeks or months. And, some are just hours, so it is a mix. The viewmore plugin has some issues with long events. Just taking the same data from the demo, which has only one long event, if the long event starts on a day before the limit is reached, then hitting viewmore actually shows 2 long events and even with the limit set to 2, only 1 event will display in the calendar. When i use my mysql data with many long events the behavior gets more and more bizarre. You get many days that have more than the view limit, and no events are displayed in the calendar, only the viewmore button.
In my dummy data i have days where there are 18 or more long events on one day, which once my sight goes live there will be more than this. I set a limit of 6. In the first week there are fewer than 6, and on Thursday a 7th event, on Friday and 8th event. The viewmore button does come up, But, on the first week row only the 6th and 7th events still display, pushing down the number of events showing, but rather than the top week height increasing to accomodate, it doesn't and so the last 1 or 2 events write over the viewmore button, and over on top of the Day #'s of the 2nd week row.
So, there are major bugs with the Viewmore plug in using long events.
It may be a start, but it needs work. IF I get time i will dig into it and see if i can find a solution, but i am only a moderate learner with javascript and jquery
Comment #75
Posted on Jul 12, 2011 by Helpful MonkeyIssue 1002 has been merged into this issue.
Comment #76
Posted on Sep 8, 2011 by Massive PandaIssue 1103 has been merged into this issue.
Comment #77
Posted on Oct 10, 2011 by Helpful CamelThis plugin now exists in a proper fork: https://github.com/lyconic/fullcalendar
I apologize for any confusion that came from me not doing this in the first place. It will now be much easier to stay up to date with FullCalendar.
Unfortunately I had to take a significant amount of time off from this project to work on other things. I have a project that will require the use of this functionality, and am going to need it to be completely functional and bug free, so feel free to check back in the next couple months, as I anticipate this will be done by then.
Several months ago, Adam Shaw (the author of FullCalendar) expressed an interest in merging this into the core, but it is not definitely ready for that yet in its current state. When I get this 100% functional, I will submit a pull request to him.
P.S. For some reason Github doesn't seem to allow people to create issues for forks, so feel free to report bugs to jquery.fun@gmail.com
Take care,
Scott
Comment #78
Posted on Oct 17, 2011 by Helpful CamelUpdate: For those of you who like to live on the edge, I've created a branch that uses the jquery-ui tooltip plugin (not yet officially released) instead of the formBubble tooltip plugin. Also, eliminated the need for the date.js library.
The branch can be found here: https://github.com/lyconic/fullcalendar/tree/jquery-ui-tooltip
This will be merged into the master branch of our fork when jquery 1.9 is officially released.
Comment #79
Posted on Mar 18, 2012 by Massive Rabbitwaiting for the more link also for this great plugin.
Comment #80
Posted on Mar 19, 2012 by Massive RabbitI have downloaded https://github.com/lyconic/fullcalendar and the view more is working fine with 1.5.2 version of full calender, but the events are not clickable when clicking the view more div. I want to make them clickable so i can display more info about each event in view more using the jquery ui dialog box. I did that dialog box and it working fine for the events in calender, but it does not work for the event in the view more. Please help me.
Comment #81
Posted on May 3, 2012 by Helpful PandaHi all,
instead of more link is it possible to have a scroll for cells in month view until the offical release is out..
Comment #82
Posted on Jul 4, 2012 by Quick PandaHi All, The Viewmore functionality is working fine with fullcalendar 1.5.3 version. However, i have some difficulty refetching the event (i.e.after we update the event or create new event an use "addeventsource" method, the viewmore functionality doesnot work properly)
after i call this method
.fullCalendar('addEventSource', [event]);
the viewmore doesn't work properly.
Please help
Comment #83
Posted on Jul 7, 2012 by Helpful Kangaroohow to get files of this link https://github.com/lyconic/fullcalendar/tree/view-more when i download it downloads copy without view more functionality
Comment #84
Posted on Jul 7, 2012 by Helpful Kangaroonever mind got it :)
Comment #85
Posted on Jul 13, 2012 by Happy BearI tried with the sample example from "GitHub", but its(Viewmore functionality) not working. Can anyone please send me the sample working example at kantravigupta@gmail.com I will be very thankful.
Thanks in advance. Regards
Comment #86
Posted on Jul 14, 2012 by Helpful CamelI guess not everyone is familiar with Github. For those who are having a hard time cloning our view-more branch of FC, here's a link to a rough implementation: http://dl.dropbox.com/u/38059294/fullcalendar/demos/limit-events.html
Keep in mind this was never really finished. This is a hackjob. There's no way around it. Full Calendar's API doesn't expose enough to do this properly.
I've pretty much abandoned this project in favor of building a calendar plugin from the ground up, but this should be enough to at least get you on the path toward implementing this functionality.
Comment #87
Posted on Jul 14, 2012 by Helpful CamelIf you want to clone the branch, here's how: git clone git@github.com:lyconic/fullcalendar.git -b view-more
Comment #88
Posted on Jul 16, 2012 by Happy Bearwhen using view more functionality events are binding repeatedly. Please help !!!
Regards
Comment #89
Posted on Jul 19, 2012 by Happy BearI tried jMonth calendar in place of fullcalendar. Its working perfectly with Show More functionality.
:)
Comment #90
Posted on Aug 16, 2012 by Helpful BirdHi All , Does fullCalendar support viewmore functionality? if yes ,can anybody give me an example ?
Any help will be appreciated!!
Thanks!
Comment #91
Posted on Aug 16, 2012 by Helpful BirdHi jquery.fun,
How can i implement 'viewmore' functionality. The newest fullCalendar doesn't support 'viewmore' functionality , right? I am first time to touch fullCalendar...
Thanks!
Comment #92
Posted on Sep 29, 2012 by Happy Horsehi , Any of u please help me am not able to display "viewmore" linkin all day td's from starting date to end date. its only appearing in end date td.
Comment #93
Posted on Oct 9, 2012 by Helpful BirdHi Adam,is this finished?I am waitting for your news for a long time. :(
Comment #94
Posted on Nov 16, 2012 by Quick CatHi, I have implemented FullCalendar with ViewMore functionality. It works fine when the Calendar is loaded. However when I refetch events, the viewmore functionality doesn't work fine. It shows view more link for all the days where there are events. Is there a solution for this?
Comment #95
Posted on Nov 21, 2012 by Happy BirdHi, Did anyone find a solution for add "View More Events" buttons to month view in Jquery calender????
Comment #96
Posted on Nov 21, 2012 by Happy BirdHi Shah.raj, How did you done that???? Can you help me to add it I think we can modify your solution and we can make it better....
Comment #97
Posted on Nov 30, 2012 by Swift Rhino@shah.rajesh having the same issue. Particularly when making an AJAX call, the viewmore hides more events than intended, sometimes all events. Waiting to hear more regarding this soon.
Comment #98
Posted on Dec 13, 2012 by Quick CatI checked the Viewmore code and found that it creates a variable "apptCount" which keeps the count of the number of events for that cell. For some reason, this variable wasnt udpated properly when the calendar was refreshed. In the end, I created a custom function to reset the value when the calendar is refreshed. Below is that function.
function resetData() { j$('.fc-view-month td').each(function(i){ j$(this).find('.events-view-more').remove(); j$.removeData(this, "apptCount"); j$.removeData(this, "appointments"); }); }
This function is called before I do refetch events. Eg resetData(); j$("#calendar").fullCalendar('refetchEvents');
Hope this helps.
Comment #99
Posted on Jan 24, 2013 by Helpful Monkeydo someone knows a solution for the error message below:
Uncaught TypeError: Cannot read property 'appointments' of null fullcalendar.viewmore.js:175
it would be really helpful!! all events are shown at the top beside the weekday names.
Comment #100
Posted on Jan 24, 2013 by Helpful Monkeybtw: i get my events with eventSources
Comment #101
Posted on Mar 15, 2013 by Massive Giraffefor #98 for use with json events feed, when we click to next or prev button our events has bad rendering, because we mast reset events count with function resetData(), but we mast create this function in fullcalendar.js and called it in function enderView(inc). refetchEvents method does not need, because our apptCount will be reset every render.
For example: // some code in your fullcalendar.js function resetEventsCounts(){ // add Vimpel $('.fc-view-month td').each(function(i){ $(this).find('.events-view-more').remove(); $.removeData(this, "apptCount"); $.removeData(this, "appointments"); }); } function renderView(inc) { resetEventsCounts(); // some code }
// some code
Sorry for my English.
Comment #102
Posted on Mar 15, 2013 by Massive Giraffefor #101 and in event sources:
events: function(start,end,callback){ $.ajax({ url: 'get_events.php', dataType: 'json', type: 'POST', success: function(events) { resetData(); callback(events); },
});
},
Comment #103
Posted on Apr 9, 2013 by Quick BearGuys how to use view more functionality with selects and event clicks in full calendar.
If i am putting your contributed code in my code it works fine for view more link but it creates a problem with my select method in full calendar
Comment #104
Posted on May 16, 2013 by Happy GiraffeComment deleted
Comment #105
Posted on May 20, 2013 by Happy GiraffeHello Ustyuzha...@gmail.com
I'm using the viewmore plugin but the same bug remains, even if i use resetEventsCounts();
actually this function is already called when you switch view in fullcalendar.viewmore.js
Can you help me please, can you post where exactly you put the function and where to call.
Thank You
Comment #106
Posted on Jul 9, 2013 by Helpful DogComment deleted
Comment #107
Posted on Jul 9, 2013 by Helpful Doghi use full calender version 1.4.4. I have some problem. when i click on more link then it displays all events in popup box but when i go to week and back again month and click on more it display popup but could not display events in popup box,popup box display with empty
please fix this problem soon....................
Comment #108
Posted on Jul 9, 2013 by Helpful MonkeyAdam,
This issue seems very popular but a thoughts occurr immediately that seem to make this somewhat difficult. What happens if one of my "hidden" events happens to last longer than that particular day? Does it still show up on its second day, third day etc. and if so what does it connect to? Equally lets say the hidden part isn't the start date but in fact a day in the middle of the event, a 2 week holiday say, what would happen to the event line just before the hidden day, it would seem to stop?
I can't see how you could introduce any hiding of events unless you guaranteed that any events that weren't solely on that day were never hidden, which could make the feature useless in an environment where all the events lasted longer than a day.
Just my 2 cents.
Cheers,
Dan
Comment #109
Posted on Aug 14, 2013 by Helpful Monkey(No comment was entered for this change.)
Comment #110
Posted on Aug 18, 2013 by Helpful MonkeyIssue 1398 has been merged into this issue.
Comment #111
Posted on Aug 18, 2013 by Helpful DogIm using a totally hacked version of v1.5.4 with a custom view and other edits to fit my needs and incorporating the viewmore plugin didn't work for me, So I started to look for another way to do it.
For me I simply added some logic in function daySegHTML(segs) There is a loop:
for (i=0; i
Here i simply added:
if(seg.level >= 5){ classes = ['fc-event', 'fc-event-skin', 'fc-event-hori','PLEASEHIDEME']; }else{ classes = ['fc-event', 'fc-event-skin', 'fc-event-hori']; }
Where 5 is my limit per cell. Then I added a tiny bit of jQuery:
$('.PLEASEHIDEME').hide();
after the view renders. For me, this hides events over a certain number ( seg.level ) per cell.
However, this is only implemented in my custom view, which is an infinite scrolling year view and not month. You might have to do a similar thing else where, but I dont think its that hard.
I have extended it to add a 'show more' link etc in the same places, daySegHTML(segs) and a bit of custom jQuery, but this is the key.
Jowan
Comment #112
Posted on Aug 19, 2013 by Happy GiraffeComment deleted
Comment #113
Posted on Aug 19, 2013 by Happy GiraffeHi Jowan,
What do you mean by saying "However, this is only implemented in my custom view, which is an infinite scrolling year view and not month." Is it not the same thing? showing year days or showing month days?
If i understand your logic above, you add a new css class if the event number hits 5 or above. I'm working with 1.6.1 version and i think he didn't add a css class if the number hits ( in my case 2 )...
Have you changed any other function ?
If it is not much to ask of you, is it possible for you in your spare time make a working example with the basic layout...
Comment #114
Posted on Aug 19, 2013 by Helpful Dogok, here is a work in progress, the code is messy, if you check the source its mostly commented with /* jowan hack here */ etc ha ha. but you can see the areas I'm concentrating on. Gnereally i hack out the bare bones of what i want and tidy it up after, I'm not a pro.
I think this lib is fantastic and there is a lot of good data in the DOM but not enough in the markup for hackers like me, for instance, no date and time or ids in the markup for the segs so i want to put that kind of thing in, then i think it can be done quite easily in jQuery after it all renders.
Google calendar does a cool thing where is gets the cell size and limits the events in cell and adds a 'show more' if it needs to, this is where I would want to go. A fixed limit number would not work for ma as the calendar is intended to be viewed on many devices and scale accordingly.
http://8bitplateau.net/test/fc/scrollingyearview/
jowan
Comment #115
Posted on Aug 20, 2013 by Happy GiraffeThank you jowan, i have notice that when if you switch to another view the "hack stuff" doesn't work anymore but this is a start ;) keep up the good work.
Comment #116
Posted on Aug 22, 2013 by Helpful MonkeyIssue 1672 has been merged into this issue.
Comment #117
Posted on Aug 22, 2013 by Helpful MonkeyIssue 1696 has been merged into this issue.
Comment #118
Posted on Aug 24, 2013 by Helpful MonkeyIssue 1710 has been merged into this issue.
Comment #119
Posted on Aug 24, 2013 by Helpful MonkeyIssue 1795 has been merged into this issue.
Comment #120
Posted on Aug 25, 2013 by Helpful MonkeyIssue 1855 has been merged into this issue.
Comment #121
Posted on Aug 25, 2013 by Helpful MonkeyIssue 1908 has been merged into this issue.
Comment #122
Posted on Aug 25, 2013 by Helpful MonkeyIssue 1909 has been merged into this issue.
Comment #123
Posted on Aug 25, 2013 by Helpful MonkeyIssue 1925 has been merged into this issue.
Comment #124
Posted on Oct 9, 2013 by Helpful MonkeyIssue 2006 has been merged into this issue.
Comment #125
Posted on Oct 9, 2013 by Helpful MonkeyIssue 2006 has been merged into this issue.
Comment #126
Posted on Oct 9, 2013 by Helpful Monkeyissue 2006 brings up the point that the "max number of events" value should have the ability to be different between views (maybe a View Option Hash?) so that agendaWeek can have a different # of events than month view.
Comment #127
Posted on Nov 10, 2013 by Quick CamelHi,
I am really looking for view more feature as calendar look messy when dealing with multiple events. It is good to see that it is in the road map and it is top priority. Would like to know when this will be available?
I also tried lyconic view more (https://github.com/lyconic/fullcalendar) which is very old. But it has issue when using latest version of fullcalendar.
Comment #128
Posted on Nov 28, 2013 by Happy CamelHi, I also tried github.com/lyconic/fullcalendar.viewmore. It has more issues. Anyone send any other plugin for full calendar functionality
Comment #129
Posted on Jan 13, 2014 by Quick CamelThanks for the code, Jowan. I had an idea for adding the More... I could use a special class for the last visible entry, like this:
if(seg.level == 5){ classes = ['fc-event', 'fc-event-skin', 'fc-event-hori','PLEASEAPPENDME']; } else if(seg.level > 5){ classes = ['fc-event', 'fc-event-skin', 'fc-event-hori','PLEASEHIDEME']; } else{ classes = ['fc-event', 'fc-event-skin', 'fc-event-hori']; }
Then I could use jquery or classes to append the "More" or an image to the last one visible.
Comment #130
Posted on Jan 14, 2014 by Massive OxHi, #129, did you solve this?
Comment #131
Posted on Jan 28, 2014 by Happy KangarooHi,
I'm using FullCalendar v1.5.4. And in my daily and weekly view I get the links all messed up, since I have too many eventson the same day. How do I solve this?. Please help.Please find the Image attached.
- operating2.JPG 146.59KB
- operatingrhythms.JPG 99.18KB
Comment #132
Posted on Jan 29, 2014 by Grumpy KangarooHi, it is not a View more option but I finally choose this option for the month view. In your CSS add this .fc-view-month > div > .fc-event { width:5px!important; height:5px; }
.fc-day-content { max-height:100px; overflow:hidden; } I have also added this in my fullcalendar call : select: function(start, end, allDay, jsEvent, view ) { if(view.name == 'month') { $("#calendar").fullCalendar( 'changeView', 'agendaWeek' ); $("#calendar")( 'gotoDate', start); }else { .... } }, eventClick: function(event) { if( $("#calendar").fullCalendar('getView').name == 'month') { $("#calendar").fullCalendar( 'changeView', 'agendaWeek' ); $("#calendar").fullCalendar( 'gotoDate', event.start); } else { .... } }
Comment #133
Posted on Jan 29, 2014 by Grumpy Kangaroo(No comment was entered for this change.)
Attachments- fullcalendar.png 24.67KB
Comment #134
Posted on Jun 24, 2014 by Helpful CamelIs there any updates on this? Can we still use this on version 1.6.1?
Comment #135
Posted on Jul 11, 2014 by Helpful BirdComment deleted
Comment #136
Posted on Jul 11, 2014 by Helpful BirdI agree that this feature would be really useful!
Comment #137
Posted on Aug 4, 2014 by Helpful MonkeyFour years later I have finally implemented this feature. It is part of v2.1.0-beta2. Please try the beta and post any feedback. More information on the beta release here:
http://blog.arshaw.com/1/post/2014/07/fullcalendar-210-beta.html
Go here to see the new options:
https://github.com/arshaw/fullcalendar/releases/tag/v2.1.0-beta2
Comment #138
Posted on Aug 4, 2014 by Helpful MonkeyPlease don't mind the janky nature of the docs for the new settings. You will be seeing the raw markdown.
Also, a live demo of the "more" link can be seen here: http://arshaw.com/js/fullcalendar-2.1.0-beta2/demos/agenda-views.html
Comment #139
Posted on Aug 4, 2014 by Happy GiraffeALEEELUUUIAA Brother :D XD. Thank you for this feature :D
Comment #140
Posted on Aug 4, 2014 by Happy HippoThe feature is very nice, but i believe it could be more useful if you can do the save in all-day events section? Would it be possible to add this feature quickly ?
Comment #141
Posted on Aug 4, 2014 by Helpful Monkeywhat do you mean by "do the save"?
Comment #142
Posted on Aug 4, 2014 by Happy Hippo- do the same
Comment #143
Posted on Aug 4, 2014 by Happy CatThis is awesome. Having it work the same way for the all-day events in week view would make it even better. That is where we currently see the most issues with users having too many events.
Christian
Comment #144
Posted on Aug 5, 2014 by Helpful WombatI'd love this for the all-day in agenda as well. I was planning on implementing it myself at some point, this would save me the trouble.
Comment #145
Posted on Aug 11, 2014 by Swift HorseNote that there is a small regression regarding printing in v2.1.0-beta2 when the user has expanded the "+X more" link (seeing the popover) and then requests print/print preview; as documented in https://code.google.com/p/fullcalendar/issues/detail?id=35
Comment #146
Posted on Aug 13, 2014 by Grumpy MonkeyHow I can merge new functionality like "+2 more" in existing fullcalendar.js Right now I am using version 2.0.2. Please Adam Is there any assistance for me ?
Comment #147
Posted on Aug 13, 2014 by Grumpy Monkeylook at this attached Image. Actually I have changed functionality some little bit to full fill my requirement in our project. Please Adam Shaw Help me in the same.
- Capture.PNG 43.5KB
Comment #148
Posted on Aug 18, 2014 by Helpful GiraffeComment deleted
Comment #149
Posted on Aug 18, 2014 by Helpful GiraffeComment deleted
Comment #150
Posted on Aug 19, 2014 by Helpful GiraffeCan we use eventSources : [ { url : url1, color : '#BCDCFA', textColor : 'black' },{
url : Url2,
color : '#0B68BF',
textColor : 'white',
} ],
in your new beta version it takes only first url....?what should i have to do
Comment #151
Posted on Aug 26, 2014 by Helpful MonkeyThis feature has been released with v2.1.0! http://blog.arshaw.com/1/post/2014/08/fullcalendar-210-released.html
Please post any follow-up bug reports or feature requests as separate issues. Thanks.
PS- @van.wijgerden@mdxs.net, i fixed that issue, thanks PPS- @sunnykoundal & santhosh.alexander@vyoog.com - sorry i cannot help you here. this is not a support forum.
Comment #152
Posted on Aug 26, 2014 by Helpful Monkeyi forgot to note, per your feedback, I've made eventLimit work in all views, including the all-day section of the agenda views.
Status: Released
Labels:
Type-Feature
milestone-skeleton