Preview tiddlers like in tiddlymap?

[Jon]

Hi,

One thing I find very useful in Tiddlymap, is the ability to preview the content of the tiddlers in the graph by hovering over the title.

In my wiki, if I have a long list of tiddlers, for instance {{{ [tag[journal]!sort[created]]}}}, I was thinking it would be nice to have the same behaviour, so you could more easily find what you were looking for by previewing the contents of each tiddler rather than having to click to open each one.

Would this be feasible?

Regards

Jon

[Mat]

Sure. For the following solution, you'd have to use the ListWidget instead of the short form {{{...}}} syntax. Thus:

<$list filter="""[tag[journal]!sort[created]]""">
<div class="hover-to-show">
  <$link/><br>
  <span class="hover-to-show-inner">
    <$transclude mode=block/>
  </span>
</div>
</$list>

...and you'll need a stylesheet, something like so:

title: Stylesheet/hover-to-show
tags: $:/tags/Stylesheet
type: text/css
text:
.hover-to-show {display:inline-block;
}
.hover-to-show-inner {
  display:none;
  margin-left:2em;
  z-index:1000
}
.hover-to-show:hover .hover-to-show-inner {
  display:block;
  position:absolute;
  background:white;
  max-width:300px;
  outline:2px solid silver;
  padding:5px;
}

<:-)

[Jon]

Just when you think things can't get any better - awesome! 

Thanks Mat!

Regards

Jon