I'm using Media Colorbox to display the images on my website in a gallery. I've added Fivestar rating to the Media File Types to allow site members to rate the images. The Fivestar display works fine with the regular Colorbox (which I tested earlier), but it doesn't work with the Media Colorbox.

The Fivestar rating does show up and is functional on displaying an image. But while I set the display to show stars I only get a drop-down select list and a 'Rate' button. Clicking the button causes the rating to be processed. But it also takes the user to an ugly white page just showing the image. You have to click 'back' in the browser to get back to the complete website.

Am I missing something in the way these modules have to be set up? Or is this simply a feature that hasn't been fully implemented yet?

The versions I have installed are:
Media: 7.x-2.0-unstable3 (dev version)
Media Colorbox: 7.x-1.0-rc1
Fivestar: 7.x-2.0-alpha2

CommentFileSizeAuthor
MediaColorbox_Caption_Rating_fields.png391.73 KBBucketKnight

Comments

dave reid’s picture

dave reid
he/him
Primary language English
Location Nebraska USA
commented
Project: D7 Media » Media Colorbox
Version: 7.x-2.0-unstable3 » 7.x-1.0-rc1
Component: User interface » Code
Category: feature » bug

Check your browser's JavaScript console. I bet there is a JavaScript error or conflict which is preventing the Fivestar script from running.

kmadel’s picture

kmadel commented
Version: 7.x-1.0-rc1 » 7.x-1.x-dev
Status: Active » Postponed (maintainer needs more info)

The problem is, is that the Colorbox output is done with AJAX and not as an iFrame, therefore the Fivestar script has already run and attached the necessary behaviors. I tried to figure out how to reinit that Fivestar behavior on the contents of the Colorbox but have not been able to figure out how to do this.

If anyone has any ideas, please share. Otherwise, I am delaying this issue for a while.

kmadel’s picture

kmadel commented

This is partially due to how the Javascript is being added for Fivestar. It is being added via the theme function and not included for all pages, therefore it will not be loaded for the a page that doesn't have a Fivestar rating on it, even if there is a link to open a Colorbox with a Fivestar rating in it. I could easily add some code to pull in that JavaScript (and I have done a rough version of this and got it working), and the ratings widget is displayed correctly, but it will not do the AJAX save, so even though it looks good, it is pretty much worthless.