Hi,
You can use conditionals to show/hide items on the page.
For many items, you can control this in the “Conditionals” tab inside the interface builder. But for the menu items you have to edit the HTML directly.
Create menu items (inside the interface builder) for all items you wish to display. Then edit the file “index.html”. Look for the menu items. It will look something like this.
<ul class="nav navbar-nav forio-navigation">
<li role="presentation" class=""><a href="#introduction.html">Introduction</a></li>
<li role="presentation" class=""><a href="#dashboard1.html">Dashboard One</a></li>
<li role="presentation" class=""><a href="#dashboard2.html">Dashboard Two</a></li>
<li role="presentation" class=""><a href="#decisions_1.html" aria-current="page">Decisions</a></li>
</ul>
To show “Dashboard One” when the variable “Scenario” is 1, and “Dashboard Two” when the variable “Scenario” is two, replace the lines with something similar to this.
<ul class="nav navbar-nav forio-navigation">
<li role="presentation" class=""><a href="#introduction.html">Introduction</a></li>
<li role="presentation" class="" data-f-showif="Scenario[<Step>]|is(1, true, '')"><a href="#dashboard1.html">Dashboard One</a></li>
<li role="presentation" class="" data-f-showif="Scenario[<Step>]|is(2, true, '')"><a href="#dashboard2.html">Dashboard Two</a></li>
<li role="presentation" class=""><a href="#decisions_1.html" aria-current="page">Decisions</a></li>
</ul>
If the variable is an Excel variable, use the format Scenario[0, <Step>]
instead of Scenario[<Step>]
.
Note - back this file up once you’ve completed your hand edits. In some cases, editing the nav bar or other setting sin the interface builder may overwrite these changes.
WILL