Navigate and close others?

[Scott Kingery]

I have a button to navigate back to my home tiddler

<$button to=Home >{{$:/core/images/home-button}} Home</$button>

Is it possible to build such a button that would open Home and close the rest?

[Diego Mesa]

Hey Scott,

Sure! The code to do this is:

<$navigator story="$:/StoryList" history="$:/HistoryList">
    <$button class="tc-btn-invisible tc-tiddlylink">
        {{$:/core/images/home-button}} Home
        <$action-sendmessage $message="tm-close-all-tiddlers" />
        <$action-navigate $to="PLACE_TITLE_OF_HOME_TIDDLER_HERE"/>
    </$button>
</$navigator>

Explanation:

• The "tm-close-all-tiddlers" message handles actually closing all tiddlers, by sending that message up to the navigator widget. 
  
• Then the action navigate widet actually opens your "HOME" tiddler. 
• The class="tc-btn-invisible tc-tiddlylink" in the button just adds a bit of styling. 

A working example:

• Go to tiddlywiki.com, make a new tiddler and paste the following:

<$navigator story="$:/StoryList" history="$:/HistoryList">
    <$button class="tc-btn-invisible tc-tiddlylink">
        {{$:/core/images/home-button}} Home
        <$action-sendmessage $message="tm-close-all-tiddlers" />
        <$action-navigate $to="ButtonWidget"/>
    </$button>
</$navigator>

Best,
Diego

[Scott Kingery]

Diego,

Thanks for the code ant the explanation. Works great.

Scott

[Mohammad]

Diego,

 A neat script. My question is

• why we need to use the $navigator widget?
• If we remove the $navigator from above script, still the code works, so is it valid to remove the $navigator?

--Mohammad