

I am working on developing a course where I want to show the images of different types of color codes, like CMYK, RBG, and Hex codes, in the form of images. For that, I want to use an image grid along with the text and button. The button ‘Show More’ should be clicked to reveal only one image from the image grid at a time. The next images should be revealed upon clicking on the button subsequently. Can someone help me how to achieve this in the all-new Adobe Captivate?
I am working on developing a course where I want to show the images of different types of color codes, like CMYK, RBG, and Hex codes, in the form of images. For that, I want to use an image grid along with the text and button. The button ‘Show More’ should be clicked to reveal only one image from the image grid at a time. The next images should be revealed upon clicking on the button subsequently. Can someone help me how to achieve this in the all-new Adobe Captivate?
You must be logged in to post a comment.

- Most Recent
- Most Relevant
Hey, you can achieve this using the variables in Captivate and incrementing the variable’s value by one each time you click it. Here are the steps to achieve the same.
- Add the required components, like text, button, and image grid.
- Hide all the components of the image grid using the ‘Hide during publish’ button.
- Create a variable to keep the count of the button clicks ‘Show More’.
- You want to change the count of the variable when you Click/Tap on it. Choose the same option under the ‘Interactions’ inspector.
- Adjust the value of the variable by performing an addition operation on it.
- As soon as the button is clicked or tapped, the value of the variable will increase by 1.
- Add a condition to check if the value of the variable is 1; it will display the first image of the image grid.
- Similarly, add a second condition to check if the value of the variable is 2; it will display the second image of the image grid and so on.