JQuery Masonry problem

By annavetisy on 19 Feb 2013 at 18:46 UTC

Hello!
I need to display some content in a website with Masonry grid.But it doesn't work.
When I use Views module and in "format" choose "Masonry grid" in the settings I find:
"MASONRY OPTIONS
These settings have been disabled as the jQuery Masonry plugin is not properly installed.".
But in the "modules" I see that everything's installed correctly.
Do you have any suggestions?
Thanks in advance!

Comments

Did you download the plugin

narcissus921 commented 19 February 2013 at 19:15

Did you download the plugin according to http://drupal.org/project/masonry and put it in your libraries folder? You will see if this is successful in your site status report if it is installed properly.

Thanks a lot for your

annavetisy commented 19 February 2013 at 21:17

Thanks a lot for your reply.
By mistake I had installed another plugin (isotope) that also promised to work properly with masonry.Now I've installed jquery.masonry.min.js and in Home » Administration » Structure » Views format there are also settings for masonry, but somehow it doesn't work. I set the grid to be resizeable but when I change the size of the browser window there's a horizontal scroll instead of masonry grid effect :(

Masonry works partly

annavetisy commented 20 February 2013 at 14:09

Masonry already works, but only partly. It makes a grid, but the grid is not resizable. When I change the width of browser window, grid size doesn't change and a horizontal scroll appears.
Maybe it just doesn't work with Bartik theme?

Yes, you'll want to use a

narcissus921 commented 20 February 2013 at 17:49

Yes, you'll want to use a responsive theme like Twitter Bootstrap or Omega, or some other responsive design in order for it to work properly. I did a quick demo using Twitter Bootstrap and Masonry - http://mason.leviathanworks.com/latest-content

Thanks so much for your

annavetisy commented 20 February 2013 at 18:06

Thanks so much for your reply. I appreciate your time . Hope this is the last question )
Is it easier to change from Bartik to Omega or to Bootstrap?

It depends on what you're

narcissus921 commented 20 February 2013 at 18:11

It depends on what you're trying to achieve, but you would likely subtheme either one of them. Going from one to another shouldn't be difficult, and there is plenty of documentation on Omega. Blocks and CSS is pretty trivial when switching themes and subtheming one out, but if you have problems, check the documentation, or send me a message via my contact form.

I personally use AdaptiveTheme and Sky as my subtheme (or subtheme Sky, depending) for most of my work right now, but I have implemented Omega just fine using the 3.x branch. I cannot comment on the 4.x branch, as I have yet to try it out.

I like Bootstrap since it's a bit lighter weight, but I think you would find both to be quite easy to get implemented, depending on your requirements.

Thanks a lot for your

annavetisy commented 22 February 2013 at 13:20

Thanks a lot for your detailed answer to my question )

MASONRY and Isotope config error with Views Infinite Scroll

srikanth.g commented 2 February 2016 at 06:12

My admin>reports>status page displays: jQuery Masonry 3.3.2(installed correctly) and jquery_update module is used to make D7 jquery latest.
But my view settings page displays error:
"MASONRY These options have been disabled as the jQuery Masonry plugin is not installed",any settings i am missing?

Masonry problem

oriol masjuan commented 22 February 2016 at 14:17

I am having srikanth.g issue as well.

Everything seems to be installed alright but when I try to configure the Masonry view, the Masonry settings are not available and a message : These options have been disabled as the jQuery Masonry plugin is not installed.

I had the same issue and

Stephen Ollman

Canberra

commented 8 August 2016 at 06:50

I had the same issue and noticed that the status report indicated that the Image Loaded library was also missing.

After adding this to the /libraries folder and clearing cache I was able to configure the view.

https://github.com/desandro/imagesloaded

Certified Drupal Site Builder 7 & 8

it doesn't work for me

malka ronen commented 20 June 2022 at 09:09

Hi,

I see that this is an old discussion, but I am going through this same issue today.

Masonry API

7.x-3.0-beta1

Masonry Views

7.x-3.0

I've got these modules properly installed as well as the masonry and imagesloaded libraries.

Yet, when selecting masonry style at views interface. the message is:
"These options have been disabled as the jQuery Masonry plugin is not installed."

Chrome console reads:

Deprecated Feature Used

Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/ .

AFFECTED RESOURCES

1 source