Hi,

I have been using your script to make a pinterest like layout. I have used it with no problem if it's the first time the image is loaded, but if the windows is resized, some height of the '.brick' went wrong so some text under the image is outside the '.brick' and sometimes collide with the other below it.

Hi.

I know this is not a freewall issue, but I would really appreciate your help. I'm bulding a portfolio WordPress plugin https://github.com/danielzilli/theux-portfolio that uses freewall.js. For some reasons, it seems not work well. Some examples:

http://theux.co/naree/layout-flexible-grid/ http://theux.co/naree/layout-filter/

Any help?

Thank you alot.

Hello @kombai, I've found a bug and managed to reproduce a minimal test case here https://gist.github.com/htrex/ed984ce499daf9929ee7

basically with gutter > 0 and a cellW returned from a function freewall makes weird layouts.

Hi,

Is it possible to fix one of the boxes in a specify position? eg, the box in right hand site and fix it's position when resize the browser.

Best Regards, Moon

GREAT GREAT PLUGIN, thanks for the work.

But currently facing an issue, tried using appendHoles()method using the below code,

socialViz.twitterWall.wall = new freewall("#freewall"); socialViz.twitterWall.wall.reset({ selector: '.brick', animate: false, cellW: 300, cellH: 'auto', // gutterX: 4, // gutterY: 4, onResize: function() { socialViz.twitterWall.wall.fitWidth(); } });

socialViz.twitterWall.wall.appendHoles({ top: 10, left: 36, width: 200, height: 600 });

Hello,

I have a problem with grid display on different resolutions.

This is what I get when I want to display 2 tiles on a big resolution (1920*1060) :

And the same thing on a lower resolution (1280*768):

I have no idea on what's going on. I am doing this the same way as it's describe in the documentation and examples. Any help?

Thanks a lot!

@kombai : Thanks for this great JavaScript.

All layouts in the examples are generated from JavaScript. There is no content/image markup in the requested page. Which makes me believe that the content/images will not be indexed by search engines.

Is there a way to let the Freewall JavaScript work on a <ul></ul> or <div></div> filled with <img> elements, or <a><img></a> elements?

I use Freewall with parameter fixSize setted to null, by default. Blocks in my grid have inner contents of different size - some are very large, and sometimes block with big image and large amount of content (5x1 places, for example) gets resized to fill in 1x1 place. Can i somehow handle event of block resizing, to change its inner content to get proper look? Can i at least change its class on resize?

Hi, thanks for the fantastic plugin - I was just wondering if there was an easy way to change the default filter from "all" to one of the custom data-filters? So for example if I have:

I would like the Freewall to filter only "Reds" on page load, and not "All colours" - is that possible?

Thanks again!

When loading in Chrome, the grid is overlapping following other page components, those are hidden behind the grid - this is only on first page load, after resizing the browser window everything is OK. In Firefox we don't have that problem

Hi,

I have four columns (width: 25%) and on mobile it shows me only one column.

How can I make mobile show two columns?

var wall2 = new Freewall(".products"); wall2.reset({ selector: '.product', animate: true, cellW: 255, cellH: 'auto', onResize: function() { wall2.fitWidth(); } });

.product { width: 276.5px; }

HI All,

Is it possible that when dragging a box/container that it does not push the other elements out of the way? Can it just swap with the end box? all my boxes are the same sizes .

Thanks in advance

Matt

Hi

I want to use a Broken Grid layout for my project. And so I have downloaded the Freewall plugin and I am not much experienced in looking into a big code. I have my own images and html elements in my project. But the freewall plugin is not supporting well to my html layout. This is my html layout below

I have added this below script to call the plugin and make it work dynamically, but still not working as expected.

                 var wall = new Freewall(".freewall");
		wall.reset({
			selector: '.brick',
			animate: true,
			cellW: 150,
			cellH: 'auto',
			onResize: function() {
				wall.fitWidth();
			}
		});

Can you please help me with how to call the plugin and make them dynamically work?

Thanks

Hello,

thank you for this great tool. It's looking really great. At the moment I'm working on a page where different productions of a theater are displayed. The url where we build this page is http://zs1-a.srv.sixhop.net/produktionen/, you can assess it with user: freewall, password: freewall. The sorting is

• a big tile at the top left
• a wide tile at the top right
• two small tiles at the right

after that

• two small tiles on the left
• a wide tile on the right

When I view the page in chome and turn on the inspector I'm able to shrink the window size to 949px where the problem appears. The two small tiles of the "after that" part move to the right and from then on all other tiles move to wrong positions. It's not only one width, where this happens, at 927px again, 899px, 869px, 851px, 835px and so on.

So can you tell me if that's a rounding error? For me it looks like the big left tile is one pixel larger than the wide right tile and the two small tiles below, which results in 1px free space on the right side, so the module starts putting the next tiles to the right side whereas the left side stays free.

It would be really great if you could have a look at this page and tell me if there is a rounding problem that can be fixed or if the error is not within freewall.

Cheers Andi

First of all, fantastic plugin; but I am struggling to get one last bit working well.

When I have a box that has a width that requires a greater number of columns than is being shown on screen, the box just vanishes. So, for example... if I have a box that is 3 columns wide, when the grid is shrunk down to the width of a mobile phone, freewall only wants to show you boxes that are 2 columns wide or less. This is the behaviour as seen on the freewall homepage.

What I want to happen is that the box would stay on screen, but would be 2 columns wide as the larger boxes would be promotional items and of course, I would want them to stay on screen!

Is this achievable and if so, how can I achieve it?

I am using col-lg-12 etc. and when I do the freewall items fall over the edge and doesn't line up.

Obviously if I remove it, it works fine but sticks out on each end...

If I put col-lg-12 in the div that has the container ID, it doesn't work because the freewall overwrites this...

Anyone had this problem and been able to get around it?

Thanks in advance