Columnizer-jQuery-Plugin icon indicating copy to clipboard operation
Columnizer-jQuery-Plugin copied to clipboard

Fullscreen page width column do not work

Open onigetoc opened this issue 10 years ago • 1 comments

Hi, i'm trying to do a fullscreen pagination. but when i want to do very large column, more than 950 or full width it doesn't work, columnizer do nothing.

if i use width: window.innerWidth || document.body.clientWidth; or enter a value greater than 950 it won't work.


I also try to remove the width style added to the selector and each column, I looked at the code and didn't find how to remove the css style width to the finishing result. I whant to use normal css or 100% width instead.

onigetoc avatar Jul 07 '14 15:07 onigetoc

I know this is an old question but if someone could find this answer useful

I found that for me problem was that Columnizer(in function columnizeIt() on line 462) is calculating number of columns var numCols = Math.round($inBox.width() / options.width); where "$inBox.width() " is your container width and because of that you will get numCols =1, few lines after that this will result in this return statement if(numCols <= 1){ return singleColumnizeIt(); } Because of that you will never get your desired width of column My quick fix for this was to make my container width 200% of screen so I will always get at least numColums>1 if I use full screen width

dejanGH avatar Apr 06 '16 08:04 dejanGH