On Friday, December 6, 2019 at 7:50:58 PM UTC-8, PWL wrote:
>
> PERFECT! exactly what I was looking to do Thank you!
>
> Maybe there is one last think you can help me with? My index page
> displays as one long list that scrolls on forever. I'd like it to display
> in columns, is that possible without having to build a table?
>
You can use CSS for that:
First create a separate tiddler, tagged with "$:/tags/Stylesheet",
containing a CSS class definition like this:
.threecolumns { display:block;
-moz-column-count:3; -moz-column-gap:1em; -moz-column-width:33%; /*
FireFox */
-webkit-column-count:3; -webkit-column-gap:1em; -webkit-column-width:33%; /*
Safari */
column-count:3; column-gap:1em; column-width:33%; /* Opera */
}
Note: you can name the class anything you like.... I used ".threecolumns",
but you could call it ".fred" if you want.
Then, in the tiddler that you want columns, wrap your content with:
@@.threecolumns
... your content here...
@@
Note: The TW "@@" syntax doesn't nest, so if you are already using it
within your content, you might have to use standard HTML for the wrapper,
like this:
<div class="threecolumns">
... your content here
</div>
Note: when using a defined CSS classname in HTML, you omit the leading "."
as shown above.
enjoy,
-e
Eric Shulman
www.TiddlyTools.com: "Small Tools for Big Ideas!" (tm) (TWClassic only)
www.TiddlyTools.com/InsideTW: "InsideTiddlyWiki" (work-in-progress)
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/0d74673d-28ec-45b1-b9a0-b7cf6e90898a%40googlegroups.com.
