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

Can you turn an image into a button/responsive object?

Contributor ,
Nov 13, 2015 Nov 13, 2015

Is there any way to make an imported image a responsive object - i.e. when I click it, it reveals another object? I don't see that option any where. I thought maybe advanced actions, but I was unsuccessful.

Thank you.

TOPICS
Editing , Getting started
2.2K
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

Participant , Nov 13, 2015 Nov 13, 2015

You can insert an image button. On Captivate 8 you click 'Interactions'>>'Button' and then in the properties bar on the right you select 'Image button' and then click the folder icon to pick your image.

If you want it so that, when you click the image it reveals another object, set the action to be Show>>Your Object.

Hope that helps.

Translate
Participant ,
Nov 13, 2015 Nov 13, 2015

You can insert an image button. On Captivate 8 you click 'Interactions'>>'Button' and then in the properties bar on the right you select 'Image button' and then click the folder icon to pick your image.

If you want it so that, when you click the image it reveals another object, set the action to be Show>>Your Object.

Hope that helps.

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
Contributor ,
Nov 13, 2015 Nov 13, 2015

Thank you! I didn't know all those image buttons were available as well...thanks!

Tanya

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
Participant ,
Nov 13, 2015 Nov 13, 2015

You're welcome!

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 ,
Nov 13, 2015 Nov 13, 2015
LATEST

It is not that simple: do not forget that in a responsive project you need to take into account all the breakpoint views. Moreover, you cannot just pick your image to have an image button: you have to create 3 images with same name, ending on _down, _over and _up. Check the provided image buttons in the Gallery\Buttons and there are some older help pages describing the work flow.

A newer way of turning an image in a button, where you don't need a separate graphical editor like Photoshop (because you need to create three images with specific names),  is to fill a smart shape with an image. It has the big advantage that you can create the states within Captivate, instead of creating three graphical assets like with image buttons. However, the same tip: be careful to check the button in all breakpoint views.

Here is the work flow to make a shape button from an image:

Turn an Image into a Button - Captivate blog

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