Hi Simon,
thanks for the detailed instructions... but I am not sure wheter I
executed them correctly here http://szenio.de/dyna/test3.html .
After your explanation, I ask myself whether dynaview is the best way to
achieve my goal 1. ( The Menubar appearing on scrollup.) . Does the
Swipe macro still catch all actions on the y-axis if applied to the
storyriver so that you could not scroll anymore when it is active or
could you do both things at the same time scrolling and swiping down the
controls?
For the goal 3 hiding the Tiddlercontols (and the editToolbar) is much
more important in the editmode on the mobile. I think I will do may next
run on that.
Tschö
Jan
Am 01.12.2018 um 09:35 schrieb BurningTreeC:
But I want more:
1)The Header now only appears when you have scrolled to the top of
the storylist. I would like to make it appear even when I scroll
up a little at the bottom of the storylist.
For this you'll have to experiment a bit. I think it's doable but I
don't have a solution for you. The mechanism works through detecting
when a div with the class "tc-dynaview-set-tiddler-when-visible"
scrolls into view or out of view. It sets the tiddler(s) defined with
the data-tags "data-dynaview-set-tiddler" and
"data-dynaview-unset-tiddler" to the values in
"data-dynaview-set-value" / "data-dynaview-unset-value".
"data-dynaview-has-triggered" should be "true" when the div is visible
and "false" if the div is out of view in order for the mechanism to
set it again to "true" when it comes back into view.
to 3):
remove the div from the tiddler with $:/tags/PageTemplate I posted
above and put it on top of the header-title and header-controls
tiddlers so that they look like this:
|
\define title-styles()
fill:$(foregroundColor)$;
\end
\define config-title()
$:/config/ViewToolbarButtons/Visibility/$(listItem)$
\end
<div style="position: fixed; width: 100%; height: 42px;
background-color: #333333; color: white; top: 0; left: 0; z-index: 500;">
<div class="tc-tiddler-title">
<div class="tc-titlebar">
<span class="tc-tiddler-controls">
<$list
filter="[all[shadows+tiddlers]tag[$:/tags/ViewToolbar]!has[draft.of]]"variable="listItem"><$reveal
type="nomatch"state=<<config-title>>text="hide"><$set
name="tv-config-toolbar-class"filter="[<tv-config-toolbar-class>]
[<listItem>encodeuricomponent[]addprefix[tc-btn-]]"><$transclude
tiddler=<<listItem>>/></$set></$reveal></$list>
</span>
<$set name="tv-wikilinks" value={{$:/config/Tiddlers/TitleLinks}}>
<$link>
<$set name="foregroundColor"value={{!!color}}>
<span class="tc-tiddler-title-icon"style=<<title-styles>>>
<$transclude tiddler={{!!icon}}/>
</span>
</$set>
<$list filter="[all[current]removeprefix[$:/]]">
<h2 class="tc-title"title={{$:/language/SystemTiddler/Tooltip}}>
<span class="tc-system-title-prefix">$:/</span><$text
text=<<currentTiddler>>/>
</h2>
</$list>
<$list filter="[all[current]!prefix[$:/]]">
<h2 class="tc-title">
<$view field="title"/>
</h2>
</$list>
</$link>
</$set>
</div>
<$reveal type="nomatch" text="" default="" state=<<tiddlerInfoState>>
class="tc-tiddler-info tc-popup-handle" animate="yes" retain="yes">
<$list
filter="[all[shadows+tiddlers]tag[$:/tags/TiddlerInfoSegment]!has[draft.of]]
[[$:/core/ui/TiddlerInfo]]" variable="listItem"><$transclude
tiddler=<<listItem>> mode="block"/></$list>
</$reveal>
</div>
</div>
|
note I've also added z-index: 500 ... add the div also for the
header-controls tiddler and remove the tags $:/tags/ViewTemplate and
$:/tags/EditTemplate from both tiddlers
--
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 tiddlywiki+unsubscr...@googlegroups.com
<mailto:tiddlywiki+unsubscr...@googlegroups.com>.
To post to this group, send email to tiddlywiki@googlegroups.com
<mailto:tiddlywiki@googlegroups.com>.
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/5b0729c1-01e8-47c7-bdd2-85760fb948ba%40googlegroups.com
<https://groups.google.com/d/msgid/tiddlywiki/5b0729c1-01e8-47c7-bdd2-85760fb948ba%40googlegroups.com?utm_medium=email&utm_source=footer>.
For more options, visit https://groups.google.com/d/optout.
--
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 tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
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/5C02F7A4.4050604%40googlemail.com.
For more options, visit https://groups.google.com/d/optout.