Copy link to clipboard
Copied
Hey guys
Remember framesets? I need to do that again.
I use drop-downs but my users sometimes forget to close one drop down before opening another and get confused... That was a complaint.
With framesets only one content area could be shown at a time. I know framesets have been removed from Robohelp 2020, but I need similar functionality. The key piece is that only one content area can show (otherwise they are confused).
Any suggestions on how I can do this is Robohelp? I tried bootstrap pills in Dreamweaver but... no cigar yet.
Thanks for any suggestions that you can provide.
I went with this
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Profile</a>
</li>
<li class="nav-item">
<a class="nav-link" id="contact-tab" data-toggle="tab" hre
...
Copy link to clipboard
Copied
I'm not quite sure what you want. Could you make each dropdown a separate topic? That way only one piece of content shows at a time,
Otherwise, do you have an illustration of what you're trying to achieve?
Copy link to clipboard
Copied
You can still insert an iFrame.
________________________________________________________
See www.grainge.org for free Authoring and RoboHelp Information
Copy link to clipboard
Copied
I went with this
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Profile</a>
</li>
<li class="nav-item">
<a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">Contact</a>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">...</div>
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">...</div>
<div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">...</div>
</div>