How can I use JavaScript and CSS to allow learners to move navigation buttons?
Hi all!
I’m working on a software simulation project in Captivate 2019 (latest release) and I have a floating menu that sits on top of the sim to provide instructions as well as forward/back/exit buttons. My challenge is that I have a sim where there’s no good place for the group of objects to sit for the whole simulation. Is there a way to use JavaScript/HTML5 to make this something the user can move around the screen, or am I stuck duplicating the object/hiding the old one/etc?
I can find examples on how to set it up in HTML5 (https://www.w3schools.com/howto/howto_js_draggable.asp) but I’m just not Captivate-savvy enough to figure it out how to access the CSS/JavaScript. =)
It’s not a showstopper but it would be nice to be able to do it…
Thank you!
Without knowing much detail…here’s an idea: Group the menu and hide it on the screen. Assign a keyboard shortcut to trigger an advanced action to toggle (show/hide) the menu. This might be easier if it’s a viable solution for you. A draggable property seems like an excellent feature request.
Same here, don’t know how to do it with JS, may be possible but you’ll have to wait for a JS expert.
You say ‘floating’, can you tell exactly what you mean? I sometimes have a ‘menu’ button that will drop down or pop up a menu, and just need to have the button on the slide. Here is an example of a dropdown menu which I mostly use in any interactive video:
It could be a workaround…
You must be logged in to post a comment.