Uncolumnize

Is there a way to uncolumnize?

i.e for a responsive site is there a way to regenerate the columns for different screen sizes?

So for example I'd like on smaller devices only to display one column instead of two.
So on resize I had this:

if (s.width < 768){

$('.columns').columnize({ columns: 1, buildOnce: false });

} else {

$('.columns').columnize({ columns: 2, buildOnce: false });

}

Doesn't seem to work though.. any ideas?

[adamwulf]

For small screen sizes, if you use the width: option instead of columns:,
then it'll generate only enough columns for that width. For thin screens,
it'll end up only generating one column to fit that width and should work
fine.

if you really need to uncolumnize, then keep your content in a
visibility:hidden; div and use the target: option to columnize into the
visible container. to uncolumnize, just clone the hidden contents into the
visible contents.

On Sat, Feb 15, 2014 at 6:36 AM, cocomitte notifications@github.com wrote:

Is there a way to uncolumnize?

i.e for a resoponsive site is there a way to regenerate the columns for
different screen sizes?

Reply to this email directly or view it on GitHubhttps://github.com//issues/148
.

[Regaddi]

That's like the dirtiest way to do that. Sorry for that post.

Please provide a sober API method to revert the changes.

This can be easily done by e.g. saving a DOM clone of the initial markup, when columnize() was called.

[adamwulf]

uncolumnizing is not widely requested, so its not a high priority for me to add into columnizer, especially because, as you mention, its very easy to implement on your own with a clone().

[adamwulf]

As a follow up - you're welcome to submit a pull request and/or fork to implement this.

[Regaddi]

@adamwulf See #206 ;)

[adamwulf]

awesome thanks - just merged it in :)

[Regaddi]

You're welcome :)
Glad to see it merged :)