Splitscreen with toc-tabbed-internal-nav

#1

Hello,

ist there a way to make a independent scrollable splitscreen?

grafik
grafik1459×721 35.1 KB

If the list of Tiddlers gets too long → scroll only left side…
If the Content is too long → scroll only the right side…

<style>
.colortext {
   font-variant:small-caps;
   color: red;}
</style>

<$macrocall
	$name="toc-tabbed-internal-nav"
	tag="Community"
    sort="sortan[]"
	selectedTiddler=<<qualify "$:/temp/toc/selectedTiddler">>
	unselectedText="""<p class="colortext"> ← Thema wählen</p>"""
	missingText="""<p class="colortext"> Tiddler fehlt...</p>"""
/>

Thanks
Stefan

#2

Try this:

<style>
.colortext
   { font-variant:small-caps; color: red; }
.myTOC .tc-table-of-contents, .myTOC .tc-tabbed-table-of-contents-content
   { max-height:50vh; overflow: hidden auto; }
</style>

<span class="myTOC">
<$macrocall
	$name="toc-tabbed-internal-nav"
	tag="Community"
    sort="sortan[]"
	selectedTiddler=<<qualify "$:/temp/toc/selectedTiddler">>
	unselectedText="""<p class="colortext"> ← Thema wählen</p>"""
	missingText="""<p class="colortext"> Tiddler fehlt...</p>"""
/>
</span>

Change the max-height:50vh; to suit your needs.

enjoy,
-e

3 Likes
#3

Very nice - works like a charm!
Thanks a lot @EricShulman! :+1: