On Monday, September 7, 2020 at 12:14:36 PM UTC-7, Jorge wrote:
>
> I have created a tiddler that contains two substories. The code I used, I
> just copied it from Tiddlywiki.com
> The problem I encounter is that when I click on the first link to expand
> [[Flowchart]], *both substories expand*, at the same time and with the
> same [[Flowchart]] substory. The same behaviour occurs with the second
> substory [[Pareto chart]].
> Is there a way to *expand one substory only*.
>
> <$navigator story="MySubStoryList" history="MySubHistoryList">
> [[Flowchart]]
> <$list filter="[list[MySubStoryList]]" history="MySubHistoryList">
> <div>
> <$button message="tm-close-tiddler"
> class="tc-btn-invisible">{{$:/core/images/close-button}}</$button> <$view
> field="title"/>
> <$transclude mode=block/>
> </div>
> </$list>
> </$navigator>
>
> <$navigator story="MySubStoryList" history="MySubHistoryList">
> [[Pareto Chart]]
> <$list filter="[list[MySubStoryList]]" history="MySubHistoryList">
> <div>
> <$button message="tm-close-tiddler"
> class="tc-btn-invisible">{{$:/core/images/close-button}}</$button> <$view
> field="title"/>
> <$transclude mode=block/>
> </div>
> </$list>
> </$navigator>
>
>
There problem with the above code is that each substory needs to use a
separate "ID" for the story and the history. Currently, both are using
"MySubStoryList" and MySubHistoryList. This needs to be changed in all
four places it is used. I suggest changing the first code block to use
"FlowchartSubstory" and "FlowchartHistory" while the second code block
could use "ParetoSubstory" and "ParetoHistory", like this:
<$navigator story="FlowchartSubstory" history="FlowchartHistory">
[[Flowchart]]
<$list filter="[list[FlowchartSubstory]]" history="FlowchartHistory">
<div>
<$button message="tm-close-tiddler"
class="tc-btn-invisible">{{$:/core/images/close-button}}</$button> <$view
field="title"/>
<$transclude mode="block"/>
</div>
</$list>
</$navigator>
<$navigator story="ParetoSubstory" history="ParetoHistory">
Click this link to get started: GettingStarted
[[Pareto Chart]]
<div>
<$button message="tm-close-tiddler"
class="tc-btn-invisible">{{$:/core/images/close-button}}</$button> <$view
field="title"/>
<$transclude mode="block"/>
</div>
</$list>
</$navigator>
That should fix the problem you are seeing and allow each substory to open
separately. Let me know how it goes...
enjoy,
-e
--
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 view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/db3f32a7-82dd-4cc9-9cab-dd73233901b7o%40googlegroups.com.
