> The commands/markup for defining the parts are different - they are in > html in TWC but in TW5 they are in a "Jeremy-defined" markup language > (based on and very close to established markup language which name escapes > me) >
In TW5, all is tiddlers. So the ui elements are also tiddlers, written in WikiText. See the shadow system tiddlers beginning with $:/core/ui/ > In TW5 the tiddler PageTemplate is named $:/core/ui/PageTemplate. The meat > of this is this part: > > <$list > filter="[all[shadows+tiddlers]tag[$:/tags/PageTemplate]!has[draft.of]]" > variable="listItem"> > <$transclude tiddler=<<listItem>>/> > </$list> > > ...which filters out all tiddlers tagged "$:/tags/PageTemplate". Not sure > what that variable listItem is/does. > It's a way to access each item of the list inside the ListWidget. By default it is the currentTiddler variable, but you may want not to modify this currentTiddler variable to use both the currentTiddler (the tiddler where you are) and the listItem (the item of the list you are processing). Not sure my explanation is clear, though. > It is clever to use a filter in the pagetemplate rather than hard coding > which page elements to use because this lets us add new elements without > actually messing this this pagetemplate tiddler but instead simply by > adding the tag. > > The result from the filter are these: > > $:/core/ui/PageTemplate/alerts > $:/core/ui/PageTemplate/sidebar > $:/core/ui/PageTemplate/story > $:/core/ui/PageTemplate/topleftbar > $:/core/ui/PageTemplate/toprightbar > > Now, these elements are placed in the right place on the screen either by > magic or by brain gamma rays from Jeremy. My best guess is magic, because I > cannot imagine how brain rays would penetrate my bunker and with magic it > would all make perfect sense and this would also explain a lot of other > questions I have. > For the PageTemplate especially, it's CSS magic, in the vanilla theme ( http://tiddlywiki.com/#%24%3A%2Fthemes%2Ftiddlywiki%2Fvanilla%2Fbase). /* ** Page layout */ .tc-topbar { position: fixed; z-index: 1200; } .tc-topbar-left { left: 29px; top: 5px; } .tc-topbar-right { top: 5px; right: 29px; } .tc-sidebar-header .tc-sidebar-lists p { margin-top: 3px; margin-bottom: 3px; } .tc-page-controls { margin-top: 14px; font-size: 1.5em; } .tc-story-river { position: relative; } @media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint }}) { .tc-sidebar-header { padding: 14px; min-height: 32px; } .tc-story-river { position: relative; padding: 0; } } @media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint }}) { .tc-message-box { margin: 21px -21px 21px -21px; } .tc-sidebar-scrollable { position: fixed; top: {{$:/themes/tiddlywiki/vanilla/metrics/storytop}}; left: {{$:/themes/tiddlywiki/vanilla/metrics/storyright}}; bottom: 0; right: 0; overflow-y: auto; overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 0 0 -42px; padding: 71px 0 28px 42px; } .tc-story-river { position: relative; left: {{$:/themes/tiddlywiki/vanilla/metrics/storyleft}}; top: {{$:/themes/tiddlywiki/vanilla/metrics/storytop}}; width: {{$:/themes/tiddlywiki/vanilla/metrics/storywidth}}; padding: 42px 42px 42px 42px; } <<if-no-sidebar " .tc-story-river { width: auto; } ">> } @media print { body.tc-body { background-color: transparent; } .tc-sidebar-header, .tc-topbar { display: none; } .tc-story-river { margin: 0; padding: 0; } .tc-story-river .tc-tiddler-frame { margin: 0; border: none; padding: 28px; } } You can see that some values are transcluded from a $:/themes/tiddlywiki/ vanilla/metrics/xxx tiddler, because you can change them in the ControlPanel (Appearance/Theme Tweaks tab). -- 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 http://groups.google.com/group/tiddlywiki. For more options, visit https://groups.google.com/d/optout.
