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

Multiple selection images for questions

New Here ,
Aug 14, 2016 Aug 14, 2016

hi guys, I have been trying to create a slide tha containe multiple images and I want to user to select a few of those images, before moving to the next slide. Of course with the caption of correct or incorrect.

If anyone know how to do it, I will apreaciate the help.

thanks

cristian

913
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 ,
Aug 15, 2016 Aug 15, 2016

Are you familiar with advanced/shared actions and variables? Do you want to report the score?

One easy way is to turn each image into a shape button (look at blog post: Turn an Image into a Button - Captivate blog ). Since a shape button is an interactive object, it has correct/incorrect messages and you can attach a score to it. But it will be a score to each correct image. For the incorrect images you don't attach a score.

If you want only a score when all images were correct, you need an advanced action and tracking variables.

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
New Here ,
Aug 15, 2016 Aug 15, 2016

Well I am familiar with advance actions, but I am not sure what recipe to use. I am not scoring any of this options, so I think I don't need variables.  I tried to do this by using click box and tried conditions actions, but it didn't work.

If you have any suggestions, it will be highlay appreciat.

Thanks again

Cristian

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 ,
Aug 15, 2016 Aug 15, 2016

Use shape buttons made from the images as I talked about, no need to add a score. Just cheat on Captivate:

  • Uncheck the option for Incorrect message for all the shape buttons
  • For the correct images, edit the Correct message, so that it is a congratulations or something similar
  • For the incorrect images, edit the Correct message, so that it tells this was a failure.

The meaning of Correct, Incorrect for interactive objects is that Correct shows up when clicking on the object, Incorrect shows up when clicking outside of the object. However since you want them to click on a certain number of correct images, you'll need user variables to track if the button was clicked and to check if all correct images were clicked.  I will label those variables v_one, v_two...v_last (you didn't mention the number) I suppose you want to hide the Next button until the user has that number of correct clicks? In that case:

  1. For the incorrect image buttons, choose No action
  2. For the correct images you'll need a conditional action with two decisions:
    1. First decision 'Always' is a mimicked standard action
        IF 1 is equal to 1
           Assign v_one with 1                 default value of the variables is 0 - Boolean - when clicked it will be 1
    2. Second decision 'CheckIt'
        IF v_one is equal to 1    AND
            v_two is equal to 1   AND....
            .....
            v_last is equal to 1
      Show Bt_Next








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
New Here ,
Aug 15, 2016 Aug 15, 2016

Thanks so much.

i will try that and if I can't get it I will send you a text.

cristian

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
New Here ,
Aug 16, 2016 Aug 16, 2016

Hi Lily.

Still have some problems with the recipe, here is picture of what I have.

Advance adctions.jpg

Variables.jpg

As you can see, I have to give a value of 0 to my variables. However, I still don't get the next button to show after click those three buttons.

I have no clue what I am doing wrong.

Thanks for the help

Cristian

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
New Here ,
Aug 16, 2016 Aug 16, 2016

Also I forgot to show the other part of this condition action.

Assign.jpg

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 ,
Aug 17, 2016 Aug 17, 2016

You need a different action for each of the correct image buttons: only the

first decision is different, for the first image button you assign the

first var to 1, for the second the second var to 1, for the third the third

var to 1. Not all at once with one click! Decision is inficated as

"Untitled". You show two screenshots where only the first decision is used,

never the second! You need only one Assign in the first "untitled", then

select the second "untitled" and put the check which was your first

screenshot there. You do NOT use the Else part in any of those two

decisions. I cannot show you a screenshot, no Captivate on phone.

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
New Here ,
Aug 17, 2016 Aug 17, 2016

Hi Lily, I know I have been all over in this project. I tried different approaches, and one of the problems that I am encounter is that the IF actions is not honoring the commands. Every time i click one one of the images, I get the continue button, but it is suppose to wait for the other images get click.

First action.jpg

Second Action.jpg

As you see, I rename the images with names Ok 1,2,3

I don't know what else to do at this point to hold the continue button from appearing, until the three images are selecting.

Cristian

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 ,
Aug 17, 2016 Aug 17, 2016

Hello,

You are confused by terminology, suspect you are not a native English speaker, neither am I You got the decisions correct now!

Be careful with labeling: I showed you to label the variables as v_one, v_two.... Now you tell me that you labeled the 'images', instead of the variables. Those names are OK for me, but you cannot give the same name to an image and a variable. Never use duplicate names, please! Moreover the button name cannot be a reserved keyword, be careful there as well. I named it 'Bt_Next'. You used 'Continuar', which can be OK if you are using the English version, but is probably a reserved keyword in one of the other CP-languages.

What is that button? Is it timed from the start of the slide, and hidden in Output (eye icon in its Properties panel has to be barred)?

If it is a shape button I would recommend to add Enable after the Show command as well.

Do you trigger the three conditional actions with the proper shape buttons filled with the correct images?

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 ,
Aug 18, 2016 Aug 18, 2016

Why don't you just use a Hot Spot question? Much easier than all this Advanced Action stuff...

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 ,
Aug 18, 2016 Aug 18, 2016

No Damien, there are many reasons why a hotspot would never work in this

case. Hotspot type is very limited. User wants them to click on several

images, some are correct, some not. Cannot be done with hotsppt, because

any space outside of correct hotspots is considered incorrect. OP doesn't

want Submit button, but have Next button appear on co ditions.

On Aug 18, 2016 10:16 AM, "Damienbkx " <forums_noreply@adobe.com>

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 ,
Aug 18, 2016 Aug 18, 2016

Hi Lieve, 

HotSpots are a little less limited that what you describe. 

  1. The "Allow Clicks Only on Hotspots" option prevents users from clicking outside of defined hotspots, so the space outside of hotspots CAN be made inactive!
  2. You can create one hotspot for each image (both correct and incorrect images) and decide in the PI of each hotspot if it represents a good answer or not.
  3. the Correct caption would show only if the set of correct images are chosen when the Submit button is ticked.

So when you say that "User wants them to click on several images, some are correct, some not. Cannot be done with hotspot, because any space outside of correct hotspots is considered incorrect", this is actually not the case (sorry). 

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 ,
Aug 18, 2016 Aug 18, 2016

He doesn't want a Submit buttin, it is not a question. That conditional

action is the most used in many circumstances, posted it a lot of times

everywhere.

There are many other reasons why Hotspot is not such a good solution her,

but have only 3G at this moment.

On Aug 18, 2016 12:34 PM, "Damienbkx " <forums_noreply@adobe.com>

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
New Here ,
Aug 18, 2016 Aug 18, 2016

First of all, Thanks for all your help Lily. However I am more confused than ever. Let me tell you what I got so far.

-I got four Jpeg images in one slide

-I made those images into buttons.

-I want the user to click three specific images(buttons) from the slide, before going to the next slide.That could be accomplish by command of going to next slide or by showing a continue button.

-With in the four Jpegs, the only wrong selection images of those four selection, I went to the Properties tab/Action and assigned NO ACTION if is click.

-The continue button is just a Text button that I add to appear when the user select those three correct images.

-My advance actions is pretty much what you see in my old email.

The problem is that I can't make captivate to wait for the selection of those three right images button, before showing the continue button or going to next slide.

I hope this will clarify a little more my dilemma.

Thanks again

Cristian

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 ,
Aug 18, 2016 Aug 18, 2016

Can you post a screenshot of the timeline? I want to see the pausing times

of the shape buttons and the Continue button.

On Thursday, 18 August 2016, cristianaikido <forums_noreply@adobe.com>

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 ,
Aug 19, 2016 Aug 19, 2016
LATEST

I quickly mimicked your situation in a small project, will try to explain what I did and add more screenshots. Due to heavy renovation works in my house, am working on a Surface Pro (not all my tools are installed here) and with low bandwidth. Sorry for the quality of the images.

I created 4 shape buttons, each one filled with an image. I kept the default pause at 1,5 secs, attempts are left to Infinite which means that only the Success action is necessary because the Last Attempt action will never occur. On that same slide I added a Next button (is a simple button like yours) that is hidden in Output. That button also has its pause at 1,5 secs. Here is a screenshot of the slide and Timeline:

Slide.PNG

Timeline.PNG

I created 3 user variables that will track the correct images, with a default value of 0

Variables.PNG

The third shape button with the 'Japanese wall' image is the wrong one. For this shape button the success action is set to 'No Action'.

For the other three shape buttons I used the conditional actions which you already created, and here is a screenshot of one of those actions (for the other two you need to change the variable in the Always decision):

Action.PNG

This last screenshot used the Preview window, which you access with the first button in the Control panel of the Advanced Actions dialog box, the button that looks like a Play button. Translation of the symbols (JavaScript symbols):

  ==           means 'is equal to'

  &&           means AND

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