Tree View Plugin for TiddlyWiki 5

[Juan Don]

Hey Guys,

I found a tread similar, but it was like 1 year old :D

I'm looking for a Treeview Plugin like this:

http://twt-treeview.tiddlyspot.com/

but for TW5.

I'm looking for similar plugins the whole day, but i didn't find a single one that you can compare to this TW2 Version.

Any suggestions ?

Greetings,

[Jed Carty]

I have seen some plugins that are like parts of that but one thing that we are lacking for TW5 is full wiki editions like that.

[Jed Carty]

I haven't looked too closely so I may be missing something, but it looks like you could recreate everything using vanilla TW5. Tiddlers listed as tabs across the top is the only part of it that doesn't look like it has a reasonably easy implementation in TW5. Is there something I am missing about the trees that isn't there in the collapsible table of contents macros?

[Ton Gerner]

Hi Juan Don,

Stephan Hadrek made something similar, see [1]

An example of that I use in my guide 'A top menu and left menu' [2].
To see it in action, click << at the top left to display the left menu and choose Sliders > Dirtree.

Cheers,

Ton

[1] https://groups.google.com/forum/#!msg/tiddlywiki/SP3t_CIl9do/qGOSNdrU3BQJ
[2] http://tw5topleft.tiddlyspot.com/

[Mark S.]

My quick look through TW5 code suggests that it doesn't use jquery. Jquery was the under-lining system for the code that provided the tree services. So anyone starting over with TW5 would probably need to find a different "tree" library that doesn't use jquery. Wonder if there is one?

MarkS

[Dave]

Hi Ton,

I just installed your Left Menu ( http://tw5leftmenu.tiddlyspot.com/ ) and its just what I wanted.


I have a question about how to tweak it:  I also have Jed's Icon Menus Plugin that puts a column of icons running down the left side of the page (http://inmysocks.tiddlyspot.com/#Icon%20Menus%20Plugin), and I can't access then while I'm using your Left Menu plugin

Is there a way to tweak your plugin to allow for a space along the left hand side of the page so that your Left Menu starts at, e.g. 20px from the far left?


Thanks,
Dave

[Ton Gerner]

Hi Dave,

Is there a way to tweak your plugin to allow for a space along the left hand side of the page so that your Left Menu starts at, e.g. 20px from the far left?

Open $:/plugins/tongerner/leftmenu/styles and change - within the class .tgc-leftmenu - top from 0px to e.g. 30px.

Cheers,

Ton


 

[Ton Gerner]

Hi Dave,

Some corrections.
I gave an answer based on the - not yet publicised - left menu plugin. You mention my left menu guide. In that case change - within the class .tgc-leftmenu - top from 0px to e.g. 30px.

Cheers,

Ton

[Ton Gerner]

Hi Dave,

Sorry typo, replace 'top' with 'left'; sounds more logical isn't it ;-)

Ton

[Dave]

Thank you. (would have said so earlier but forgot to turn on "email me replies" :)

[Dave]

Ok, I changed that

/* LEFT MENU, FIXED IN POSITION */ .tgc-leftmenu { position: fixed; left: 10; top: 30; display: block; padding: 70px 0 0 40px; width: 25%; text-align: left; z-index: 99; }

But it just dropped the top of the menu down a bit, not affecting the left border.  However, I did experiment by changing the z-index: 99 to 9 instead and that worked (not sure what z-index means, but it was the one that made room on the left side for the icons menu

[Ton Gerner]

Hi Dave,

/* LEFT MENU, FIXED IN POSITION */ .tgc-leftmenu { position: fixed; left: 10; top: 30; display: block; padding: 70px 0 0 40px; width: 25%; text-align: left; z-index: 99; }

You have to input the values for left (and top) as px values, so in your case use e.g.:

left: 30px;

Now the left menu changes 30px to the right, making room for Jed's toolbar (top can stay at 0px).

AFAIK left: 0; is the same as left: 0px; although it is always better to add px. May be that was confusing in my stylesheet.

However, I did experiment by changing the z-index: 99 to 9 instead and that worked (not sure what z-index means, but it was the one that made room on the left side for the icons menu

 

The z-index property specifies the stack order of an element. An element with greater stack order is always in front of an element with a lower stack order.
See http://www.w3schools.com/cssref/pr_pos_z-index.asp

So what you did by changing this value was bringing Jed's toolbar in front of the left menu.

Cheers,

Ton