Step 1



Select the Tile component on the page.

Step 2



Select the Options tab.

Step 3



First, let's tie the Tile card to a variable so we can track that it has been selected on the page. This process also includes creating the variable itself. Select Variable.

Step 4



The Form Variables panel will open. Select the drop-down list to open it.

Step 5



Select New Variable.

Step 6



A text field will be shown, where you can type in a name for the new variable. The variable will be a boolean. It will have a value of false to start and will be set to true when the Tile is selected by the learner. For this lesson, select the text field and we'll add in a name for the variable for you.

Step 7



Select Ok.

Step 8



Now that the Tile is tied to a variable to track that it has been clicked on, we need to set what icon we want to show when the variable is changed. On the Options tab, select Viewed Icon.

Step 9



The Pick an Icon panel will open, where you can select an icon. For this lesson, select the checkmark icon.

Step 10



Select Ok.

Step 11



To see the icon change in action, select Preview.

Step 12



Select Current Page.

Step 13



The Current Page Preview will open in a new browser window. In this lesson, it has opened over the main authoring window. Select the Section 1 Tile element on the Preview page.

Step 14



The default carat icon changes to a checkmark icon.
 0    0

Questions  ( 0 )