Modified version to $:/core/ui/ListItemTemplate to show pop up for the list links

#1

This is the code used in $:/core/ui/ListItemTemplate

<div class="tc-menu-list-item"><$link /></div>

I need a modified version of the $:/core/ui/ListItemTemplate such that the list links on hover brings a pop up showing the transcluded tiddler like in the transclusioninpopups by @DaveGifford

<div class="tooltip">YYY<div class="tooltiptext"><$transclude tiddler="ZZZ" mode="block"/></div></div>
Making the list item template more hackable
#2

This is a quite useful template but very simple. I think this quite old template, may be @jeremyruston can confirm this.

I propose an update for this handy template. Then, it can be be used in many use cases out the box.

#3

Hovering doesn’t work on mobile devices. So it should stay as a plugin for those who want it.

1 Like
#4

A quick search of shadows shows the following make use of $:/core/ui/ListItemTemplate

  • Any changes thus effect these - if you are happy with that its fine.
$:/core/ui/AdvancedSearch/Filter
$:/core/ui/AdvancedSearch/Shadows
$:/core/ui/AdvancedSearch/System
$:/core/ui/DefaultSearchResultList
$:/core/ui/MissingTemplate
$:/core/ui/MoreSideBar/All
$:/core/ui/MoreSideBar/Drafts
$:/core/ui/MoreSideBar/Orphans
$:/core/ui/MoreSideBar/Shadows
$:/core/ui/MoreSideBar/System
$:/core/ui/TagTemplate
$:/core/ui/TiddlerInfo/List
$:/core/ui/TiddlerInfo/Listed
$:/core/ui/TiddlerInfo/References
$:/core/ui/TiddlerInfo/Tagging
$:/core/ui/UntaggedTemplate

I suggest consider building a separate tiddler with your modifications to $:/core/ui/ListItemTemplate and then include it with the “template parameter” in your own custom lists.