Columnizer-jQuery-Plugin
Columnizer-jQuery-Plugin copied to clipboard
First columns are only holding one item. Last column holding remainders.
I'm trying to columnise a list using the 3 column config.
E.g.
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</ol>
Despite trying a few of the configuration options, I only seem to be able to get the system to automatically generate the list like this.
<ol>
<div class="first column">
<li>Item 1</li>
</div>
<div class="column">
<li>Item 2</li>
</div>
<div class="last column">
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</div>
</ol>
I'd like the columns to be distributed a little more evenly. I am also unable to use the manual column breaks as the list is dynamic.
Any help would be greatly appreciated.
Many thanks, Ian
it sounds like the items don't have any height when they are being columnized. perhaps they're display:none when they're columnized? can you post a URL?
So if they're nested in a div that is set to display none, that might explain the problem.
I can't post a URL I'm afraid, but I will give that a try :)
Thanks for taking time to reply.
On 29 Jul 2013, at 19:08, Adam Wulf [email protected] wrote:
it sounds like the items don't have any height when they are being columnized. perhaps they're display:none when they're columnized? can you post a URL?
— Reply to this email directly or view it on GitHub.
Try using visibility:hidden instead of display:none, and that should solve the issue
On Mon, Jul 29, 2013 at 2:47 PM, ianisted [email protected] wrote:
So if they're nested in a div that is set to display none, that might explain the problem.
I can't post a URL I'm afraid, but I will give that a try :)
Thanks for taking time to reply.
On 29 Jul 2013, at 19:08, Adam Wulf [email protected] wrote:
it sounds like the items don't have any height when they are being columnized. perhaps they're display:none when they're columnized? can you post a URL?
— Reply to this email directly or view it on GitHub.
— Reply to this email directly or view it on GitHubhttps://github.com/adamwulf/Columnizer-jQuery-Plugin/issues/122#issuecomment-21746125 .
Sorry to restart this, but I still got the issue gonin on: I used the latest version of this plugin, I have set the lastNeverTallest: true, I used visibility instead of display. Still I get the first column with one element and a second column with al the rest.