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

First columns are only holding one item. Last column holding remainders.

Open mrnebbi opened this issue 11 years ago • 4 comments

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

mrnebbi avatar Jul 29 '13 11:07 mrnebbi

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?

adamwulf avatar Jul 29 '13 18:07 adamwulf

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.

mrnebbi avatar Jul 29 '13 19:07 mrnebbi

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 .

adamwulf avatar Jul 29 '13 20:07 adamwulf

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.

LammarT avatar Feb 17 '15 09:02 LammarT