Export to GitHub

fullcalendar - issue #304

Max events with "more..." link


Posted on Jan 25, 2010 by Happy Camel

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 Giraffe

I 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 Cat

It could be useful ;)

Comment #3

Posted on Feb 6, 2010 by Helpful Monkey

i 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 Rabbit

did this finished?

Comment #5

Posted on Mar 31, 2010 by Helpful Monkey

no, i have not gotten a chance to work on this

Comment #6

Posted on Mar 31, 2010 by Helpful Monkey

Issue 410 has been merged into this issue.

Comment #7

Posted on Apr 19, 2010 by Happy Rabbit

ohhh... how long wait this? ) I hope... )

Comment #8

Posted on Apr 27, 2010 by Helpful Monkey

Issue 436 has been merged into this issue.

Comment #9

Posted on Apr 27, 2010 by Happy Rabbit

I 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 )

Attachments

Comment #10

Posted on Apr 27, 2010 by Happy Rabbit

I forget CSS

Attachments

Comment #11

Posted on Jun 17, 2010 by Helpful Monkey

Issue 469 has been merged into this issue.

Comment #12

Posted on Jul 1, 2010 by Happy Camel

Hi Adam,

any news about this issue?

BR

Comment #13

Posted on Jul 1, 2010 by Helpful Kangaroo

I 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 Cat

The 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 Kangaroo

Anyway 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 Cat

Well 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 Rabbit

Hi, 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 Cat

I 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 Monkey

Yes. Please make this amendment sooner as it will be really be helpful. :)

Comment #21

Posted on Aug 4, 2010 by Happy Elephant

Yeah.. 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 Elephant

HI 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 Rabbit

I sendind test(example) solution on your email.

Comment #24

Posted on Aug 10, 2010 by Happy Monkey

HI 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 Rabbit

Hi,

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 Monkey

Issue 535 has been merged into this issue.

Comment #27

Posted on Aug 27, 2010 by Massive Rabbit

Hi Adam,

Any idea when can we have the solution on Comment #25?

Comment #28

Posted on Aug 31, 2010 by Happy Dog

Hi Adam,

When do you plan to release the next version?

Comment #29

Posted on Aug 31, 2010 by Swift Camel

sergklein, 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 Rabbit

Sorry, 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 Rabbit

Try 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 Camel

I 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) { ... }

Attachments

Comment #33

Posted on Sep 7, 2010 by Massive Rabbit

Hi 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 Camel

Here is a basic, stripped down index page. I think you should be able to make it work for yourself.

Attachments

Comment #35

Posted on Sep 8, 2010 by Massive Rabbit

yes 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.

Attachments

Comment #36

Posted on Sep 8, 2010 by Swift Camel

It 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 Ox

would 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 Bird

Hi 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 Lion

Hi Adam, Do you think about "More" link Click go to the Daily View...

Comment #40

Posted on Dec 21, 2010 by Helpful Camel

I'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 Bird

Hi, 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 Camel

I 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 Monkey

thanks 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 Elephant

Hey 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 Camel

Absolutely. 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 Rabbit

Hi 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 Camel

Comment deleted

Comment #48

Posted on Jan 13, 2011 by Helpful Camel

Comment deleted

Comment #49

Posted on Jan 13, 2011 by Helpful Camel

Comment deleted

Comment #50

Posted on Jan 15, 2011 by Helpful Camel

Comment deleted

Comment #51

Posted on Jan 21, 2011 by Helpful Camel

As 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 Camel

Comment deleted

Comment #53

Posted on Jan 26, 2011 by Helpful Camel

Comment deleted

Comment #54

Posted on Feb 3, 2011 by Helpful Camel

Version 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 Monkey

woah, this looks quality. will contact you at some point about merging this stuff

Comment #56

Posted on Feb 14, 2011 by Helpful Camel

Thanks! 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 Bird

Hi 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 Lion

So good,

Thank a lot, Scott.

Comment #59

Posted on Apr 7, 2011 by Grumpy Dog

does 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

Attachments

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 Dog

Has a new version come out yet? If not does anyone have a eta of when?

Comment #62

Posted on May 3, 2011 by Helpful Camel

I'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 Camel

Got 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.

https://github.com/sgreenfield/fullcalendar

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 Camel

Yeah, 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 Panda

A "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 Camel

Try 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 Dog

Comment deleted

Comment #71

Posted on Jun 10, 2011 by Swift Dog

Comment deleted

Comment #72

Posted on Jun 10, 2011 by Swift Dog

Great Work! Thanks a lot Scott!

Comment #73

Posted on Jun 20, 2011 by Helpful Kangaroo

Scott, 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 Lion

I 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 Monkey

Issue 1002 has been merged into this issue.

Comment #76

Posted on Sep 8, 2011 by Massive Panda

Issue 1103 has been merged into this issue.

Comment #77

Posted on Oct 10, 2011 by Helpful Camel

This 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 Camel

Update: 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 Rabbit

waiting for the more link also for this great plugin.

Comment #80

Posted on Mar 19, 2012 by Massive Rabbit

I 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 Panda

Hi 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 Panda

Hi 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 Kangaroo

how 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 Kangaroo

never mind got it :)

Comment #85

Posted on Jul 13, 2012 by Happy Bear

I 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 Camel

I 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 Camel

If 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 Bear

when using view more functionality events are binding repeatedly. Please help !!!

Regards

Comment #89

Posted on Jul 19, 2012 by Happy Bear

I tried jMonth calendar in place of fullcalendar. Its working perfectly with Show More functionality.

:)

Comment #90

Posted on Aug 16, 2012 by Helpful Bird

Hi 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 Bird

Hi 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 Horse

hi , 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 Bird

Hi Adam,is this finished?I am waitting for your news for a long time. :(

Comment #94

Posted on Nov 16, 2012 by Quick Cat

Hi, 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 Bird

Hi, 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 Bird

Hi 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 Cat

I 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 Monkey

do 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 Monkey

btw: i get my events with eventSources

Comment #101

Posted on Mar 15, 2013 by Massive Giraffe

for #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 Giraffe

for #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 Bear

Guys 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 Giraffe

Comment deleted

Comment #105

Posted on May 20, 2013 by Happy Giraffe

Hello 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 Dog

Comment deleted

Comment #107

Posted on Jul 9, 2013 by Helpful Dog

hi 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 Monkey

Adam,

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 Monkey

Issue 1398 has been merged into this issue.

Comment #111

Posted on Aug 18, 2013 by Helpful Dog

Im 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 Giraffe

Comment deleted

Comment #113

Posted on Aug 19, 2013 by Happy Giraffe

Hi 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 Dog

ok, 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 Giraffe

Thank 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 Monkey

Issue 1672 has been merged into this issue.

Comment #117

Posted on Aug 22, 2013 by Helpful Monkey

Issue 1696 has been merged into this issue.

Comment #118

Posted on Aug 24, 2013 by Helpful Monkey

Issue 1710 has been merged into this issue.

Comment #119

Posted on Aug 24, 2013 by Helpful Monkey

Issue 1795 has been merged into this issue.

Comment #120

Posted on Aug 25, 2013 by Helpful Monkey

Issue 1855 has been merged into this issue.

Comment #121

Posted on Aug 25, 2013 by Helpful Monkey

Issue 1908 has been merged into this issue.

Comment #122

Posted on Aug 25, 2013 by Helpful Monkey

Issue 1909 has been merged into this issue.

Comment #123

Posted on Aug 25, 2013 by Helpful Monkey

Issue 1925 has been merged into this issue.

Comment #124

Posted on Oct 9, 2013 by Helpful Monkey

Issue 2006 has been merged into this issue.

Comment #125

Posted on Oct 9, 2013 by Helpful Monkey

Issue 2006 has been merged into this issue.

Comment #126

Posted on Oct 9, 2013 by Helpful Monkey

issue 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 Camel

Hi,

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 Camel

Hi, 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 Camel

Thanks 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 Ox

Hi, #129, did you solve this?

Comment #131

Posted on Jan 28, 2014 by Happy Kangaroo

Hi,

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.

Attachments

Comment #132

Posted on Jan 29, 2014 by Grumpy Kangaroo

Hi, 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

Comment #134

Posted on Jun 24, 2014 by Helpful Camel

Is there any updates on this? Can we still use this on version 1.6.1?

Comment #135

Posted on Jul 11, 2014 by Helpful Bird

Comment deleted

Comment #136

Posted on Jul 11, 2014 by Helpful Bird

I agree that this feature would be really useful!

Comment #137

Posted on Aug 4, 2014 by Helpful Monkey

Four 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 Monkey

Please 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 Giraffe

ALEEELUUUIAA Brother :D XD. Thank you for this feature :D

Comment #140

Posted on Aug 4, 2014 by Happy Hippo

The 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 Monkey

what 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 Cat

This 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 Wombat

I'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 Horse

Note 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 Monkey

How 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 Monkey

look 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.

Attachments

Comment #148

Posted on Aug 18, 2014 by Helpful Giraffe

Comment deleted

Comment #149

Posted on Aug 18, 2014 by Helpful Giraffe

Comment deleted

Comment #150

Posted on Aug 19, 2014 by Helpful Giraffe

Can 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 Monkey

This 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 Monkey

i 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