Instructing specific Story Visualization when clicking List links

#1

Hello,

I am trying to figure out a way to instruct TiddlyWiki to show me a specific Story Visualization animation just for whenever I click the filtered tiddler link on a List.

Imagine the following scenario:

  • TW has Story Visualization set to classic
  • I have two tiddlers, Book A and Book B tagged with shelf
  • I generate a link list of shelf tagged tiddlers that whenever I click on them, the tiddlers that appear on the Story River animate based on a story view I chose - zoomin.

I’m not sure if there’s a feature on TW for this. I did find out there’s a ListWidget parameter called storyview with the description as follows:

The storyview attribute specifies the name of an optional module that can animate changes to the list (including navigation).

So I thought I was going to get exactly the behavior I was describing by using the code below:

<$list filter="[tag[shelf]]" variable="filteredTiddler" storyview="zoomin">
<$link to=<<filteredTiddler>>></$link>
</$link>

However, it didn’t. Am I using the attribute correctly? What is the expected behavior of adding this attribute exactly? To me it’s looking no different than omitting the attribute in the first place, so I’m a bit lost.

Additionally, if the storyview List attribute doesn’t add the behavior I mentioned, is there a way this could be done? Help would be appreciated.

Thank you in advance!

#2

The list widget and navigator widget work together. See https://tiddlywiki.com/#Creating%20SubStories - this tiddler tries to explain the relationship.

It also has an example substory. Try editing that example to have storyview="zoomin" and you should see the zoomin behavior in that substory.

1 Like