Eric! Can I kiss you? And Jon too?

11 views
Skip to first unread message

MobileLibrary

unread,
Jan 27, 2009, 5:43:15 PM1/27/09
to TiddlyWiki
This is really amazing, exactly what i'd been hoping for, way to go,
I'm such a happy girl (rant, rant, rant)

Anyway, I took Eric's hint, tried out the movable panel idea, sort of
combined it with tagmindmap, and see what I got:
http://www.mobilelibrary.nl/wiki/movable/moveable.html (don't mind the
colors, please)

I really believe that this combination brings out the best of
tiddlywiki: its unique way of 'jumping' bits of interconnected
information in an intuitive and absolutely non-linear way. So... I
fiddled and tiddled, and of course here's some questions:

about the moveablepanel:
- is there a way thinkable in which I could declare a 'start position'
for opening a tiddler? I put the tagmindmap before the header,
tiddlers now open under the map, i'd like them to open just a little
bit higher, or at the side. As you can see, i also use singlepagemode
and that works fine.
- i absolutely love the small header and freely placeable mainmenu.
Would it be possible to make it work in IE?

about tagmindmap:
- since combining with moveablepanel the mindmap isn't 'scrollable'
anymore (the cross to move doesn't appear anymore, but using the
navigation topleft does still work. Any ideas?
- in an earlier tryout I found that setting height higher than width
makes the map getting an unusable space full of lines in the upper and
lower part of the canvas. But you already knew that, i guess?
- is there a way to make more stylable elements, or explain which they
are? I tried to find a code for the breadcrumbs-color, but in the end
i hijacked the javascript. Change the line color?

I'd really love this setup to become my website (i've got a truckload
of books, literally, with wich i go out on the road and let people
read for free 'in the wild') so, of course, last question being:
would it be possible to make the whole a bit faster?

thanks so much, again,
ML

dukeja

unread,
Jan 27, 2009, 5:57:12 PM1/27/09
to TiddlyWiki
Way to go! ML. I strongly suspect that you have seen PersonalBrain
(www.thebrain.com) before. I am also trying to figure out a way to
use the TiddlyWiki + TiddlyTagMindMap or hypergraph (to provide some
visual linking like PersonalBrain). Your demo is most visually
impressive one I have seen (maybe most similar to PersonalBrain).

I am still way behind and could not figure out how to use those
graphic presentations yet. But your demo shows the possibilities.
Thanks!

As you mentioned, the speed is a little bit too slow. I am a little
bit worry about it with very large database.

Keep up the good work and keep us updated, please.

Duke

On Jan 27, 4:43 pm, MobileLibrary <tram...@yahoo.com> wrote:
> This is really amazing, exactly what i'd been hoping for, way to go,
> I'm such a happy girl  (rant, rant, rant)
>
> Anyway, I took Eric's hint, tried out the movable panel idea, sort of
> combined it with tagmindmap, and see what I got:http://www.mobilelibrary.nl/wiki/movable/moveable.html(don't mind the

MobileLibrary

unread,
Jan 28, 2009, 4:03:52 AM1/28/09
to TiddlyWiki
Hi again,
thanks Duke, I'll definitely keep you posted. And no, the brain is new
to me... I'll try it out!
Some more remarks:
firstly, here's the work of the people who are making it possible:
http://www.TiddlyTools.com/quickstart/moveable.html
(Eric's show of what the moveablePanelPlugin can do)
http://tiddlytagmindmap.tiddlyspot.com/
Jon's tagmindmap
http://dl.getdropbox.com/u/241006/TiddlyTagmapGraph.html
Wolfgangs combination of tagmindmap, hypergraph and tiddlyDesktop

then, here's a link to my earlier attempt at using Tagmindmap:
http://www.mobilelibrary.nl/wiki/movable/TTMM.html
(don't try this one without FF, it hopelessly messes up in IE and I
can't bear to think what you would get in Safari or Opera). It shows
that here the navigation within the canvas still works. I found out
that when I reset the size of the canvas in the PageTemplate of my
combination of TTMM and MP it does work but stops after the first use
of it.

As you can see, i'm just a fiddler when it comes to CSS, these files
are just try-outs but i think they do show how even someone without
all the programming basics can do a whole lot with tiddlywiki!

I'll have some more fun, wish you all the same,
ML


rakugo

unread,
Jan 28, 2009, 10:02:21 AM1/28/09
to TiddlyWiki
Weird.. seems to be a bug with my plugin. Panning seems to only work
when it is in displayArea in your PageTemplate so try using the below
to fix the drag/droppy ness.

In terms of performance might be worth using ignoreLoneNodes:true in
your tag mind map parameters. This will help with performance as
otherwise you'll probably have lots of tiddlers you never use open....
am hoping to improve on this performance sometime soon! :)

Cool to see you're finding it useful.
----------------------
!PageTemplate
------------------------
<!--{{{-->

<div macro='moveablePanel name:header'>
<div class='header' macro='gradient hor #a5f814 #2A2A2F'>
<div class='headerShadow'>
<span class='siteTitle' refresh='content' tiddler='SiteTitle'></
span>&nbsp;
<span class='siteSubtitle' refresh='content'
tiddler='SiteSubtitle'></span>
</div>
<div class='headerForeground'>
<span class='siteTitle' refresh='content' tiddler='SiteTitle'></
span>&nbsp;
<span class='siteSubtitle' refresh='content'
tiddler='SiteSubtitle'></span>
</div>
</div>
</div>
<div id='mainMenu' class='moveablePanel'>
<div refresh='content' tiddler='SearchBar'></div>
<div macro='moveablePanel name:mainmenu width:auto height:auto'></
div>
</div>
<div id='sidebar'>
<span style='position:relative'>
<div macro='moveablePanel name:options width:16em height:auto'>
<div id='sidebarOptions' refresh='content'
tiddler='SideBarOptions'></div>
</div>
<div macro='moveablePanel name:tabs width:16em height:auto'>
<div id='sidebarTabs' refresh='content' force='true'
tiddler='SideBarTabs'></div>
</div>
</span>
</div>
<div id='displayArea'>
<div id="tagmindmap" parameters="width:1024 height:768 id:main
startState:all zoom:100 exclude:
['excludeLists','systemTiddlers','systemConfig'] breadcrumbs: true"> </
div>
<div id='messageArea'></div>
<div id='tiddlerDisplay'></div>
</div>
<!--}}}-->




On Jan 28, 9:03 am, MobileLibrary <tram...@yahoo.com> wrote:
> Hi again,
> thanks Duke, I'll definitely keep you posted. And no, the brain is new
> to me... I'll try it out!
> Some more remarks:
> firstly, here's the work of the people who are making it possible:
>  http://www.TiddlyTools.com/quickstart/moveable.html
> (Eric's show of what the moveablePanelPlugin can do)http://tiddlytagmindmap.tiddlyspot.com/
> Jon's tagmindmaphttp://dl.getdropbox.com/u/241006/TiddlyTagmapGraph.html

rakugo

unread,
Jan 28, 2009, 10:14:36 AM1/28/09
to TiddlyWiki
On further inspection seems to be some css somewhere which is making
TagMindMap thing he is somewhere else.

#tagmindmap
{background:transparent;position:absolute; left:2px; top:2px;} is a
little hack that will solve this.

MobileLibrary

unread,
Jan 28, 2009, 10:46:41 AM1/28/09
to TiddlyWiki
hi Jon,
thanks, the css fix works. About the speed: i know that you're still
very busy getting this to work, so i'll be patient (hoping, though..).
I didn't use the ignorelonenodes because i wanted to see what happens
when there's a lot of tiddlers open (planning to make this wiki
grow!).
I feel like i'm really learning, because your first fix was something
I tried already ;-)
And about the stylable elements: is there a class for changing
nodetextcolor on hover?
ciao,
ML

rakugo

unread,
Jan 28, 2009, 11:32:49 AM1/28/09
to TiddlyWiki
for the hover behaviour try
.nodeLabel:hover {color:#ff0000;}

About the slowdown: I'm using a library at the moment and alot of the
slowdown is to do with that, so I am thinking of forking a new project
where performance will be more important. Will keep you posted on any
developments there.
Reply all
Reply to author
Forward
0 new messages