This is better at least, it should work for mobile much better. There are
some widths where the help will partly be outside the tiddler but it
shouldn't ever be off the screen.
>
>
\define HelpButton(label, ButtonText:?)
^^(^^<$button
popup="""$:/temp/popup/$(currentTiddler)$/$label$"""
class='tc-btn-invisible tc-tiddlylink'
>
^^$ButtonText$^^
</$button>^^)^^
<$reveal
type='popup'
state="""$:/temp/popup/$(currentTiddler)$/$label$"""
>
<div
class='tc-drop-down'
style='max-width:100%;white-space:pre-wrap;padding:10px;text-align:left;font-size:1.5em;border-radus:0.5em;'
><$transclude
field="""$label$"""
/></div>
</$reveal>
\end
Usage:
```
This adds a help button that looks like this<<HelpButton demo>>
```
This adds a help button that looks like this<<HelpButton demo>>
```
This adds a help button that looks like this<<HelpButton demo2 'why?'>>
```
This adds a help button that looks like this<<HelpButton demo2 'why?'>>
Contents of the `demo` field: {{!!demo}}
Contents of the `demo2` field: {{!!demo2}}
You make a field for each label that contains the help information. This
can have html and simple wikitext. Since it is a field linebreaks need to
be added using html `<br>` tags.
--
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/c91ba247-5d1f-4c0a-90fd-0d2bd2335d5f%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
