The below relates to settings in the: Control Panel >> Appearance >> Theme Tweaks
It is interesting that an
empty.html has a "
Fixed story, fluid sidebar" while
tiddlywiki.com uses a "
Fluid story, fixed sidebar"
Though this post is not about that
anomaly, I hope someone will take it up at some point.
I remember that this was very confusing for me as a beginner. I tried in vain to change the
Story right,
Story width,
Tiddler width, &
Sidebar breakpoint, in vain, wondering why I was stupid. It never occurred to me I had to change the
Sidebar layout from "Fixed story, fluid sidebar" to "Fluid story, fixed sidebar" !!
It took me over 6 months before I figured out how to mimic the behaviour of the TiddlyWiki on
tiddlywiki.com - which I believe is a much more standard layout - a small area for navigating and a big area for viewing/editing.
Because of the confusion I faced as a beginner, as part of the
TiddlyWiki for Beginners series I am working on trying to make the below tiddler on
tiddlywiki.com a little clearer.
How to widen tiddlers (aka storyriver)The last line of the tiddler says:
You will also probably want to change the sidebar breakpoint to something larger than the story river, unless you don't mind the sidebar floating to the top of the page.
If I am not mistaken, the actual behaviour is:
You will want to ensure the sidebar breakpoint is smaller than the screen width ( {{$:/info/browser/screen/width}} px ), unless you don't mind the sidebar floating to the top of the page.Here are some of my other observations:
With a:
Fixed Story, fluid sidebarThe
Story right should be larger than the
Story width or else you will not be able to click on any sidebar areas on its left side that overlap the area given to the
Story width.
The
Tiddler width should be less than the
Story Right or else Tiddlers will overlap and cover the sidebar.
Does anyone have any other tips for beginners for
Tiddler Width / Sidebar Width setup?
Thanks!