👆 Clickable zone (Interactive presentation)

🟪 Clickable zone

Clickable zone is a block that allows you to associate choices to localized interactions in an image.

Once the block has been created, click on Edit in the Image area.

A new window opens, the Image Resource Editing window.

🔺Be sure to save your changes by clicking on Modify the Resource and not simply by closing the window.

Choose an image that you have loaded in My Files.



Then click on Add a choice to create as much interaction as you want.





3 viewing types open up for you:

- Shape:

A rectangular area appears in the upper left corner of your image.

You can move and change the size of this area, and its color and its transparency (so you can create invisible interactions).

- Image:

Select an image and it will overlay the background image. By clicking on this image, the user will make this choice.

- Text and image:

You can select text that can have an image border in the background.

(i.e. a bubble) or an image.



Each interaction choice will then redirect the stream as a Choice block.

🟪 Edit Clickable Area

Extend an entry point of a choice from the Clickable Area block.

Choose the Edit Clickable Zone block.



You can now apply changes to the Text if you have chosen this form of interaction :

- Deactivate:

Deactivates the Choice according to a condition and displays an explanatory text if you wish.

- Remove:

Removes Choice on a condition

- Rename:

Renames the text, for example according to the value of a text variable

- Change the appearance of the Text:

Change the Text Image Border

Updated on: 20/10/2021