Hide/Show ToC by clicking designated icon on the slide

ActivePresenter Support Questions
1

Problem: I am creating an eLearning course and in that I want such a button on the screen on LMS (and HTML output) that will hide/unhide ToC. The built-in tool bar has it but the client wants it on main screen, like a home button or similar, for example in the upper right corner. Is this possible? Also, since I am quite fresher as a tool user I would appreciate step-by-step guidance.

ActivePresenter version: 9.1.5

OS:

Notes:

2

Hi,

You can manually create a home button in the top corner of the screen to show/hide the TOC. Please see the attached project for details.

Since it’s manually set up, it may require more steps compared to using the built-in TOC in the Player. The process involves creating sections, grouping them, setting them to play across multiple slides, hiding them initially, and using actions to show them again when clicked.

Regards,

3

hi, thanks for your reply.. this is exactly what I was searching for! :smiley:
Can you please guide me in detail regrding the steps you mentioned.. especially creating sections, setting them to play across multiple slides, and hiding them initially.. it would be really helpful for me.. For reference, I am adding here the Topic names in my ToC as 2 of them have sub-topics. These sub-topics I need to give as Drop-down list of respetive Topics plus they also need to be clickable:

  1. Course Overview
  2. Roadmap
  3. Introducing the 4825TN Tipper Truck
  4. Learning Agenda
  5. Engine with Sensors & Actuators
  • Introduction
  • Classification
  • Key Terminologies
  • Major Parts
  • Engine Working
  • Engine Sensors
  • Engine Variants
  1. Exhaust Aftertreatment System (EATS)
  • EATS Working
  • DEF
  • EATS Matrix
4

Thanks for your response.

Regarding the steps I mentioned, here are the details:
First, you add, style, and group the objects on the slide:

image
image561×555 24.8 KB

Right-click them and select Show to the End of Project and Initially Hidden, like this:

image
image549×450 13.4 KB

After that, you can add events-actions to show or hide the TOC; or jump to specific parts of the menu:
image
image511×802 14.8 KB

Regarding the dropdown menu, please find the attached project for your reference. In this example, we use the Toggle Visibility action to show/hide the group of objects.

image
image272×120 2.29 KB

Dropdown TOC.approj (248 KB)

For more information on how to use ActivePresenter, kindly visit our tutorials page: ActivePresenter 9 Tutorials - Atomi Systems, Inc. or check out our YouTube channel (https://www.youtube.com/@activepresenter) if you’d like to learn more about the app.

Regards,

5

Hi Hang, thank you so much for your help. Tried as explained and it worked!! :smiley:

1 Like