Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

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

Community Beginner ,
Jan 12, 2017 Jan 12, 2017

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!

683
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Jan 12, 2017 Jan 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

...
Translate
Community Expert ,
Jan 12, 2017 Jan 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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 13, 2017 Jan 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!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 13, 2017 Jan 13, 2017
LATEST

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?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
Help resources