Skip to main content
hostle83
hostle83
Participant
January 12, 2017
Answered

Add hover effect for Submit Button in Drag and Drop (Captivate 9)

  • January 12, 2017
  • 1 reply
  • 763 views

I'm using a drag and drop exercise and would like to change the color of the text box surrounding the submit button upon mouseover... Can this be done?

Thanks!

This topic has been closed for replies.
Correct answer Lilybiri

That Submit button, like quiz slides, mostly uses a Transparent button. It is still not possible to replace it by a shape button, you can replace it only by the old types of buttons: text button and image button. You'll have to go with the image button to hae a hover state: either choose one of the available image Submit buttons, or create an image button by using a graphical application and creating 3 graphics as described in this article

Create your own custom image buttons for Captivate | Infosemantics Pty Ltd

Please, fill in a feature request to be able to use shape buttons on quiz/score/D&D slides! They are so much more flexible and can be styled in Captivate.

1 reply

Lilybiri
LilybiriCorrect answer
Legend
January 12, 2017

That Submit button, like quiz slides, mostly uses a Transparent button. It is still not possible to replace it by a shape button, you can replace it only by the old types of buttons: text button and image button. You'll have to go with the image button to hae a hover state: either choose one of the available image Submit buttons, or create an image button by using a graphical application and creating 3 graphics as described in this article

Create your own custom image buttons for Captivate | Infosemantics Pty Ltd

Please, fill in a feature request to be able to use shape buttons on quiz/score/D&D slides! They are so much more flexible and can be styled in Captivate.

    hostle83
    hostle83Author
    Participant
    January 13, 2017

    Thank you Lilybiri! That was exactly the answer I was looking for. Do you happen to know of a place where I can find Javascript code to copy and paste once I have my three graphics in order to add the hover effect?

    Thanks again for you help!

    Lilybiri
    Lilybiri
    Legend
    January 13, 2017

    Why would you need JS for that? Just replace the present type of button on the quizzing master slides by the new button. Or even better if you want to do this for future projects:

    • Go into the Object Style manager, category Quizzing Objects
    • Replace the default style for the buttons where you want to use the new buttons
    • Close the Object Style Manager
    • User Themes, save Theme as... choose an appropriate name

    Personally I prefer using JS when the Captivate features are failing, but not for such an easy work flow. Maybe I misunderstand?

    Maybe read this article: What's in a Theme - a Template? - Captivate blog

    Edit: sorry, forgot this was only for the Submit button on the D&D slide. By default it is using the Default Quiz Button Style. Maybe you want to keep that style for the normal Quiz slides? In that case you'll need to create a new style for D&D slides Submit button. Too bad: you'll not be able to have all D&D slides to get the Submit button style automatically, because D&D has no specific master slide like Quizzing slides. Maybe you are correct to look for a scripting solution, although I would more look for the CSS than JS?

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices