Buttons - nested - dropdown HELP Needed

[matthewdee]

I have a simple project in CP9 except for this part which is confusing see the screenshot below as I need the blue square lines in the upper left to be a button, on rollover it would show a nested menu and you could tap either area to go to that slide. When I tried to do that I first created a button out of the blue lines and in the rollover state I was going to add the nested menu but cannot find how to create a nested menu OR to create a button inside a button.

There has to be a better way as I was always able to do in Flash.

Can I do this in HTML5 like Edge and import into Captivate?

Screenshots

[Lilybiri]

Why not use the Table of Content? You can nest there on different levels. Creating such a setup with advanced/shared actions in Captivate will take you so much time, and will it really add that much to the functionality of eLearning? You can use the 'hamburger/hotdog' button (hope you use a shape button with the image as Fill) to open the TOC (setup in overlay), have the chapters collapsed, and instruct the user how to expand a chapter and navigate. It is even possible to limit navigation to already visited slides.

[matthewdee]

Yes I was looking at some of the learning interactions widgets but that TOC should work well, was wondering if the following is possible?

Place the TOC widget on the top left replacing the blue lined button in my project

AND

being able to ROLLOVER or TAP to make the TOC appear?

??

R

[Lilybiri]

You can replace the default buttons to open/close a TOC by your own buttons. But I wouldn't recommend it, because they are very tiny. I would place the Open TOC button (your 'hamburger' button) in a totally different location. If you want to have it Top Left, OK, but put the Overlay TOC then to the right. You can use the system variable cpCmndTOCVisible, which is a Boolean to open/close the TOC. You can even convert your 'hamburger' to a toggle button. Have a look at my explanation in this blog post:

1 action = 5 Toggle Buttons - Captivate blog

Do you really need this to be a rollover event as well? Captivate is not very well with those events, and they will not be triggered for responsive projects at all. The only action linked to a rollover event is for the rollover slidelet. Again, it will not work for responsive projects. But since the rollover slidelet has both a click and a rollover event, you could trigger the same shared action by both events.

[Jordster1]

To add to Lilybiri's comment, it also looks like you're targeting a mobile environment (from that little iPad text in the upper left). Keep in mind that there is no rollover state in a mobile environment (phones/tablets, etc.) You're either touching something with your finger (click/down) or not (up).

-Jord

[matthewdee]

Yes understood as I need this for both desktop and mobile versions as there are 3 views  so the plan is to tap the icon and have the TOC show up which is fine but still need to make sure I can have the blue bar icon replace the TOC in the upper left corner?????

R