Could you provide the colorbox version and module settings that you are using to get it working with fullcalendar? Struggling....

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

ablondeau’s picture

Colorbox = 6.x-1.0-beta6
jQuery Update = 6.x-2.x-dev

Then in the view style configuration (click the little gear icon), check "Open events in colorbox".

Be sure you actually hit save on the view settings - I always forget to do that ...

For now the full node or url loads in an iframe colorbox.

tchopshop’s picture

Hello, wonderful module!

I'd love to use this, but clicking on the event either loads an entirely new window as a target, instead of the inside the same window, or using the colorbox, loads the entire site inside an iframe. Neither solution is acceptable for my clients. I'd love to have the colorbox just load the event information, like the calendar module does. Or if that's not possible right now, can you change it so the event does not open an entirely new browser window?

apmsooner’s picture

Agree with the comment above. Is there anything that can be done to just open the event but not the entire site in a new window?

bjalford’s picture

What about in D7? Which versions?

tim.plunkett’s picture

Version: 6.x-1.2-beta2 » 6.x-1.x-dev
Assigned: Unassigned » tim.plunkett

Adding to my list.

geerlingguy’s picture

Subscribe.

videographics’s picture

Trying to use current versions fullcalendar-6.x-1.3, colorbox-6.x-1.0-beta9 & jquery_update-6.x-1.1

Colorbox depends on JQuery Update.

JQuery Update breaks fullcalendar. (Calendar will not display.)

geerlingguy’s picture

@videographics - FullCalendar also depends on jQuery Update - however, you also need to make sure you're running jQuery 1.7.x, and jQuery UI's latest as well...

videographics’s picture

Fullcalendar seems to work fine with JQuery 1.6.x as long as we don't need colorbox. If we've got a release version of fullcalendar that depends on JQuery 1.7.x and jquery_update-6.x-2.0-alpha1 or dev to use the colorbox features, this should be better documented. I feel like I'm on a version-go-round. Can someone please spell out the version dependencies so I can get on with some testing?

fullcalendar:
colorbox:
colorbox library:
jquery update:
jquery library:

Thanks.

tim.plunkett’s picture

fullcalendar: 1.4.9
jquery: 1.3
jquery-update: 6.x-2.x-dev
jquery ui: 1.7
jquery_ui: 6.x-1.4

colorbox? not sure, which is why this issue exists.

The dependencies of FullCalendar are well-documented. The colorbox version is not, yet.

videographics’s picture

Thanks. This is very helpful but I still think the dependency on the dev version of jquery-update should be better documented. (I suppose maybe now it is. ;-)) With a regular release of fullcalendar and colorbox support listed as a feature, one doesn't expect to have to throw in some dev version of anything to get it all working. We DO want to start using this stuff in production -- but only the parts that are ready.

BTW, loads of thanks for everyone's efforts on this. Fullcalendar is so much better than what we had before!

tim.plunkett’s picture

Th fullcalendar plugin itself requires jQuery 1.3.2, which is only available in jquery_update 6.x-2.x. Unfortunately development of jquery_update has stalled because its maintainers are some of the top D7 contributors, and D7 has to most up-to-date jqeuery version, so it has fallen by the wayside. I will contact them to see what has to be done for a stable release.

aspilicious’s picture

Version: 6.x-1.x-dev » 7.x-1.x-dev
FileSize
7.63 KB

Hello, wonderful module!

I'd love to use this, but clicking on the event either loads an entirely new window as a target, instead of the inside the same window, or using the colorbox, loads the entire site inside an iframe. Neither solution is acceptable for my clients. I'd love to have the colorbox just load the event information, like the calendar module does. Or if that's not possible right now, can you change it so the event does not open an entirely new browser window?

I made a patch that fixes the loading issue. For the moment, the content of the page that gets loaded, the width and height are hardcoded. After #1036444: Cleanup the views UI + remove autodiscovery mega issue. gets in we can put those settings in the views UI.

The patch is big but that is caused by the fact that I had to introduce an extra test.
The important parts are:

  if($('.fc-content').length === 0) { // Prevents the fullcalendar being rendered twice while loading colorbox.
    $('#fullcalendar').fullCalendar({

This extra test is needed cause the fullcalendar scripts runs again when activating the colorobox scripts, leads to duplicating the calendar. I would prefer some kind of "once" before fullcalendar but that doesn't rly exist in this contest I guess.

AND

var url = calEvent.url + " div#content";
$.colorbox({href:url, width:'800', height:'80%'});

You can replace " div#content with the div/class you would like to see

I would like to have a review :)

aspilicious’s picture

Status: Active » Needs review

Needs a review.

tim.plunkett’s picture

Status: Needs review » Needs work

Half of this patch is a duplicate of #1039912: FullCalendar doubling on page.

aspilicious’s picture

Status: Needs work » Needs review
FileSize
3.36 KB

Depends on #1036444: Cleanup the views UI + remove autodiscovery mega issue. as that one is (almost) good to go.

Screenshot views UI: http://awesomescreenshot.com/08f6hie8b
Screenshot result in calendar: http://awesomescreenshot.com/0bb6hiff6

tim.plunkett’s picture

Version: 7.x-1.x-dev » 6.x-2.x-dev
Status: Needs review » Patch (to be ported)

Committed to DRUPAL-7--2: http://drupal.org/cvs?commit=490048

tim.plunkett’s picture

Assigned: tim.plunkett » Unassigned
tim.plunkett’s picture

Component: Documentation » Code
Category: support » task
aspilicious’s picture

Status: Patch (to be ported) » Needs review
FileSize
3.51 KB

Hopefully without windows stuff.
Apply the rtl patch (after testing) first, this *may* can conflict because I build on top of that one.

tim.plunkett’s picture

Status: Needs review » Fixed

Switched from #content to #squeeze, since that is the Garland equivalent.

http://drupalcode.org/project/fullcalendar.git/commit/8d2c19a

skeates’s picture

Been fighting with this for the last week and came across this post. #content .content works with the Bartik theme, but not with the Corolla theme. I tried #squeeze with it as well on the off chance, but no luck there either. Any know how I would find out what to use with the Corolla theme?

aspilicious’s picture

Can you give me the link to your website? You have to choose the css selector that contains your text.

skeates’s picture

I just been hunting around and found it. My css is not the best but managed to compare it to the Garland theme and with a bit of trial and error I managed to find it.

For any one that is interested it is #main .content

I think it needs a bit of documentation unless there is some already that I missed. It was only once I ran accross this thread that I was able to have some idea of what I was looking for.

aspilicious’s picture

Hmm I added some more info in the handbook page.

http://drupal.org/node/1056752

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.