TW5: how to get another sidebar / menu / column / tiddler on the left

276 views
Skip to first unread message

Dave

unread,
Sep 17, 2016, 1:13:42 PM9/17/16
to TiddlyWiki
I'm making a TW5 that I want to be rich with information so I can see lots of stuff at a glance. I'll be using wide monitors so there's lots of screen real estate to take advantage of.

I want the usual story in the middle (using Tobias's Centralised (sp?) theme), the usual Right Sidebar on the right, but an additional column of information on the left side.


Does anyone already have something like this working that I can copy?
Any suggestions for how to make this work?

Thanks,
Dave

Jed Carty

unread,
Sep 17, 2016, 2:01:33 PM9/17/16
to TiddlyWiki
You can fake it the same way that I made the preview in the resume maker edition by making a sidebar tab and putting a tiddler in it. You could probably fake a second story river using the action list-ops widget and some css but giving it identical behavior would be hard, particularly the automatic scrolling to newly opened tiddlers.

Jed Carty

unread,
Sep 17, 2016, 2:05:58 PM9/17/16
to TiddlyWiki
Actually the icon menus I made a while ago may be a better start. You should be able to make a fake story river inside a single tiddler and then put that tiddler in the left menu. The menu icons are here http://inmysocks.tiddlyspot.com/#Icon%20Menus%20Plugin

Mat

unread,
Sep 17, 2016, 2:18:05 PM9/17/16
to TiddlyWiki
See if my LeftBar fulfills your desires. I think ('cos I forget) that it is a re-make of something I made a long time ago... but then I fiddled with this a few months ago but I'm not sure I ever announced the remake publicly.

Also fellow Ton Gerner has made some left- and topbar thing, if I recall. Possibly Tobias too.

<:-)

Josiah

unread,
Sep 17, 2016, 3:47:59 PM9/17/16
to TiddlyWiki
Ciao Mat

How does one install it?

Best wishes
Josiah

Mat

unread,
Sep 17, 2016, 5:31:02 PM9/17/16
to TiddlyWiki
How does one install it?

yeah... it's not packed into a plugin. Anyway, if I recall, you drag into your TW all tiddlers tagged LeftBarStuff (seen in the tab with that name). Then, as stated in readme, anything tagged $:/LeftBar will appear in the LeftBar. Note that it is up to the user to specify what should show there - the "LeftBar example" there is juuuust an example.

<:-)

Dave

unread,
Sep 17, 2016, 7:23:56 PM9/17/16
to TiddlyWiki
Thank you! I'll give those a try at post back with either success or questions :)

Dave

unread,
Sep 18, 2016, 5:25:11 PM9/18/16
to TiddlyWiki

Hey Mat - I got your leftbar installed.  Thanks! I started with that because it looked the simplest, and it should indeed do the job.

One question: Can you think of a way to give it a background of some sort? 

Right now I have an image in the TWs background and the letters just write over top of the image directly instead of having some sort of "tiddler background"


Thanks again :)

Dave

unread,
Sep 19, 2016, 12:27:26 AM9/19/16
to TiddlyWiki
I tried this in a tiddler tagged $:/tags/Stylesheet


.tc-tagged-left {
    background-image: url(<<datauri "Black-Wallpaper-1F9.jpg">>);
}

It works when the tiddler is viewed normally, but it doesn't show up in the sidebar.  For now I think I'll just make sure all text there is bolded - that seems to make it more visible.


----


Hey Jed, thanks for you're suggestion (and plugin) too.  That was easier to install than I thought it would be :)

Now with both installed I've got all the screen real estate covered.  I love the customizability!!


Dave

unread,
Sep 19, 2016, 1:06:13 AM9/19/16
to TiddlyWiki
One little thing.  This may be because I'm adding to many modifications to my TW, but now I'm getting this animation artifact when I close not the first tiddler, but any subsequent tiddlers

(see attached)

It stays until I have enough tiddlers to allow a story scroll, and upon scrolling, it disappears.


I'm not asking for a fix, but I thought I should report it at least.
Putting animation on  "Pop" fixes it.

classicAnimationArtifact.png

Mat

unread,
Sep 19, 2016, 2:28:15 PM9/19/16
to TiddlyWiki
Dave,


One question: Can you think of a way to give it a background of some sort?  

In case you didn't already solve this;

While I haven't tested it, I think you should be able to add a background just like you would for any other tiddler. Or, because of its special role you could just surround its contents with a <div style="background:white">....</div>.

<:-)

Mat

unread,
Sep 19, 2016, 2:32:46 PM9/19/16
to TiddlyWiki
Dave, if I recall, the LeftBar is very much based on how the regular sidebar works. So, if you somehow find out how to color (or whatever) the sidebar, then this should also be applicable for the leftbar.

<:-)

Mat

unread,
Sep 19, 2016, 2:36:16 PM9/19/16
to TiddlyWiki
On Monday, September 19, 2016 at 7:06:13 AM UTC+2, Dave wrote:
One little thing.  This may be because I'm adding to many modifications to my TW, but now I'm getting this animation artifact when I close not the first tiddler, but any subsequent tiddlers

(see attached)

Thanks for report. I have absolutely no idea what might cause that. :-(
Please post here if you find out what it is and if it has to do with the LeftBar

<:-) 

Dave

unread,
Sep 19, 2016, 6:18:56 PM9/19/16
to TiddlyWiki
That works - thanks very much!

----------

Do you know why something like this
<$list filter="[<currentTiddler>has[foo]]">
<div class="QuoteBox1"><span id="HeaderBlue">{{!!foo}}:</span> {{!!zcomment}}</div>
</$list>

shows up in a regular tiddler, ( in this case as "bar: what's up" ), but not as its "transcluded" in the left bar?

Dave

unread,
Sep 19, 2016, 6:20:00 PM9/19/16
to TiddlyWiki
btw, adding an image background didn't work, but your <div style="background:white">....</div> thing did work

Tobias Beer

unread,
Sep 20, 2016, 3:25:48 AM9/20/16
to TiddlyWiki
Hi Dave,
 
shows up in a regular tiddler, ( in this case as "bar: what's up" ), but not as its "transcluded" in the left bar?

Because your left bar is not part of the story river, and so in that context, your wikitext doesn't know what "currentTiddler" is.

If you want this kind of contextual details rather than a global left bar, you need to make your left bar more of a "left-tiddler-bar" ...and part of the story river... unless you figure out how to replicate the "live mode" from TiddlyMap into something other than a map.

@Felix, I think that would be a cool generalization: some vertical container that can update its contents depending on what is the tiddler currently scrolled into view in the story river ...while things like that sure wouldn't be designed to work on a mobile phone but rather only on the big screen.

Best wishes,

Tobias.
Reply all
Reply to author
Forward
0 new messages