[tw5] Re: multi-column list

[baj_gmail.com]

This code works great, except it seems to trigger a Tiddlywiki rendering issue for me. I’m adding the workaround I figured out in case anyone is having similar issues.

Problem: Basically Tiddlywiki doesn’t appear to recognize the multicolumn section as part of the “contents” of the tiddler. If there isn’t any text after the multicolumn, the contents of the multicolumn list overrun the tiddler boundary and mess up downstream tiddlers. Even text afterwards doesn’t always fix the issue (and isn’t desirable in my case). The div block isn’t acting as a display:block despite the tag (and the fact it is a div). The text wraps to the right hand side of the multicolumn when there is room breaking the rendering again.

Solution: I’ve been able to prevent the wrapping behavior be adding a

wrapper around the multi column section. I avoided adding it directly to the multicolumn

block as it seemed to cause unexpected behavior with some of the column options.

[Springer]

Baj,

Thanks for documenting – I’m getting a rush of nostalgia for my MTG days! I’ve fantasized about building TW sites for my EDH decks, but it’s a waning hobby now that my teenager has moved on. 🥲

I think the Shiraz plugin’s multicol features build in some similar wrapping to avoid display issues. You might check it out for various quick and powerful display options. I find that its careful GUI toolkit it frees up my time to focus on the content more.

Meanwhile, you might benefit from knowing that as the discussion community migrates to the https://talk.tiddlywiki.org/ forum, any code in your post risks getting lost. I’ve come to google groups to post this quick reply, but a helpful convention is to stick your code between tick marks like so: <div style="width:100%"></div> to avoid what looks like mysterious gaps in your post just where you want to share the technical details!

-Springer

[baj_gmail.com]

Springer,

Thanks for the heads up about the Shiraz plugin, I’ll look into it. I’ve been very much sticking with ‘vanilla’ as I’ve gotten my tiddlywiki bearings, but it is definitely time to stop reinventing the wheel and look at the many fine products others have come up with.

As for the forum change. For posterity, “Solution: I’ve been able to prevent the wrapping behavior be adding a <div style="width:100%"></div> wrapper around the multi column section. I avoided adding it directly to the multicolumn <div> block as it seemed to cause unexpected behavior with some of the column options.”

I also failed to mention you still need some text after the multicolumn block. I’m using: <span style="color:white">.</span>

Baj