mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-12-24 17:10:29 +00:00
Code Issues Releases Wiki Activity

Update reveal widget docs

Browse Source
This commit is contained in:
Jermolene 2014-05-13 14:50:45 +01:00
parent ad43958571
commit f8708874bc
1 changed files with 13 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
editions/tw5.com/tiddlers/widgets/RevealWidget.tid
View File

@ -33,8 +33,7 @@ Retaining the content when hidden can give poor performance since the hidden con
Here's a simple example of showing and hiding content with buttons: Here's a simple example of showing and hiding content with buttons:
``` <<wikitext-example-without-html '<$button set="$:/SampleRevealState" setTo="show">Show me</$button>
<$button set="$:/SampleRevealState" setTo="show">Show me</$button>
<$button set="$:/SampleRevealState" setTo="hide">Hide me</$button> <$button set="$:/SampleRevealState" setTo="hide">Hide me</$button>
<$reveal type="match" state="$:/SampleRevealState" text="show"> <$reveal type="match" state="$:/SampleRevealState" text="show">
@ -42,27 +41,31 @@ Here's a simple example of showing and hiding content with buttons:
! This is the revealed content ! This is the revealed content
And this is some text And this is some text
</$reveal> </$reveal>'>>
```
It renders as: !! "Slider"
A slider appears as a single button that can be used to toggle the display of the contained content.
<<wikitext-example-without-html '<$reveal type="nomatch" state="$:/SampleRevealState" text="show">
<$button set="$:/SampleRevealState" setTo="show">Show me</$button> <$button set="$:/SampleRevealState" setTo="show">Show me</$button>
<$button set="$:/SampleRevealState" setTo="hide">Hide me</$button>
</$reveal>
<$reveal type="match" state="$:/SampleRevealState" text="show"> <$reveal type="match" state="$:/SampleRevealState" text="show">
<$button set="$:/SampleRevealState" setTo="hide">Hide me</$button>
! This is the revealed content ! This is the revealed content
And this is some text And this is some text
</$reveal> </$reveal>'>>
!! Popup !! Popup
Here is a simple example of a popup built with the RevealWidget: Here is a simple example of a popup built with the RevealWidget:
``` <<wikitext-example-without-html '<$button popup="$:/SamplePopupState">Pop me up!</$button>
<$button popup="$:/SamplePopupState">Pop me up!</$button>
<$reveal type="popup" state="$:/SamplePopupState"> <$reveal type="popup" state="$:/SamplePopupState">
<div class="tw-drop-down"> <div class="tw-drop-down">
@ -71,18 +74,4 @@ Here is a simple example of a popup built with the RevealWidget:
And this is some text And this is some text
</div> </div>
</$reveal> </$reveal>'>>
```
It renders as:
<$button popup="$:/SamplePopupState">Pop me up!</$button>
<$reveal type="popup" state="$:/SamplePopupState">
<div class="tw-drop-down">
! This is the popup
And this is some text
</div>
</$reveal>