Hi
You may wish to play around with a CSS stylesheet.
1. Place this code into a stylesheet (tagged $:/tags/Stylesheet)
.breadcrumb {
list-style: none;
overflow: hidden;
margin-left: -30px;
margin-top: -30px;
}
.breadcrumb li {
background: #F6F6F6;
padding: 2px 0 2px 36px;
background: #F6F6F6;
position: relative;
display: block;
float: left;
}
.breadcrumb li:before {
content:" ";
display: block;
width: 0;
height: 0;
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
border-left: 20px solid #ffffff;
position: absolute;
top: 110%;
margin-top: -25px;
margin-left: 1px;
left: 100%;
z-index: 1;
}
.breadcrumb li:after {
content:" ";
display: block;
width: 0;
height: 0;
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
border-left: 20px solid #F6F6F6;
position: absolute;
top: 110%;
margin-top: -25px;
left: 100%;
z-index: 2;
}
2. Mark up Jed's code like this:
\define again()
<$list filter=<<First>>><li><$link to=<<currentTiddler>>><$view field=
'title'/></$link></li></$list>
<$list filter=<<Extra>> emptyMessage=''><li>...</li></$list>
<$list filter=<<End>>><li><$link to=<<currentTiddler>>><$view field='title'
/></$link></li></$list>
\end
\define finalFilter()
<$set name=First filter='$(TheFilter)$ +[last[]]'>
<$set name=End filter='$(TheFilter)$ +[butlast[]] +[butfirst[]]
+[first[3]] +[reverse[]]'>
<$set name=Extra filter='$(TheFilter)$ +[butlast[]] +[butfirst[]]
+[butfirst[3]] +[limit[1]]' emptyValue='[is[system]!is[system]]'>
<<again>>
</$set>
</$set>
</$set>
\end
\define breadcrumbs()
<$list filter='[is[current]tags[]]-[[$:/tags/SideBar]]'
emptyMessage='<br><<finalFilter>>'>
<$set name=TheFilter filter='$(TheFilter)$ [<currentTiddler>]'>
<<breadcrumbs>>
</$set>
</$list>
\end
<$set name=TheFilter filter=<<currentTiddler>>>
<ul class="breadcrumb">
<<breadcrumbs>>
</ul>
</$set>
Works OK for single lines -- confused for multiple lines. Anyway, it's a
start.
regards
On Wednesday, 30 December 2015 06:17:10 UTC+2, Hegart Dmishiv wrote:
>
> Hi all, I'm back working on my TiddlyWiki implementation, trying to get
> all the content I need prepared before the release party / installfest for
> Lubuntu 16.04 LTS is released in April 2016.
>
> I've made some good strides using the TOC and *<<toc-expandable >>*
> feature to display the sub-types / sub-categories on my tiddlers. Now I
> want to display parent-types / parent-categories as well, for ease of
> navigation, and I think a breadcrumb trail would be helpful for this. I've
> had a look at Ton Gerner's solution
> <https://groups.google.com/forum/#!searchin/tiddlywiki/breadcrumb/tiddlywiki/jCGxcenTJ3w/lVCTJyrdQf4J>,
>
> but the fixed, non-scrolling screen position of it doesn't appeal to me.
> I've also briefly viewed *@Tobi's* discussion about the NameSpaceWidget
> <https://groups.google.com/forum/#!searchin/tiddlywiki/crumb/tiddlywiki/VR5antL2jOQ/urlGby9R3EwJ>.
>
>
>
> I'd just like a simple breadcrumb list at the top of the tiddler. It would
> need to be smart enough to abbreviate itself for deep levels of links, say,
> more than three levels of parents. For example, something like this....
>
> Home <http://www.example.com> > Tiddler 1 <http://www.example.com> > Tiddler
> 2 <http://www.example.com> > Tiddler 3 <http://www.example.com> >
>
> Home <http://www.example.com> > ... > Tiddler 3 <http://www.example.com>
> > Tiddler 4 <http://www.example.com>> Tiddler 5 <http://www.example.com> >
>
> Is there some simple way to do this in TW5 already, utilising the TOC
> system? I see that *@Eric* had created a breadcrumb plugin for TWC, but
> I'm not sure how to implement such a feature in TW5. Thanks in advance for
> any help offered.
>
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/4f3193ae-85c4-4146-b50e-b56ff1a296e4%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
