Once you've added an Interaction component to the page, you can fill it with content. Interactions can contain both text and images housed across multiple separate items (the individual parts of the component i.e. the points on a Timeline or the slides in a Carousel).
When an interaction is added, it will be created with two items and filled with placeholder content but you can add as many items to the interaction as you like.
For instructions on how to add a component, see Adding new components to a page.
| Tip: You can switch the interaction type at any time without affecting the existing content within. For example, if you've built an Accordion complete with text and images but you decide you'd like it to be a Carousel instead, you can change the interaction type and the content you've already added will be transferred to the new Carousel. You can read more about this in Changing the type of component being used. |
Adding text and images to items of an interaction
1. Select the block containing the interaction you'd like to edit. You'll know the interaction has been selected if a blue border has appeared around it.
2. Choose the Interactions () button from the Project toolbar. This will open up the Interaction editing modal.
3. Each item in the interaction is represented by an accordion in the editing modal:
4. Select an accordion to expand the item. You'll see options to edit text and an image.
5. Add the title and introduction text for your interaction item by typing in the text boxes provided
6. Select Choose Image to open the Asset Library and add an image. You can either use an image you've uploaded before, upload a new one by selecting Upload Image or choose an image from the stock image library. Alternatively, you can select Remove to delete the image from the item if you'd prefer it has no image.
7. Repeat for the remaining items
Adding a new item to an interaction
1. Select the block containing the interaction you'd like to edit. You'll know the interaction has been selected if a blue border has appeared around it.
2. Choose the Interactions () button from the Project toolbar. This will open up the Interaction editing modal.
3. Select Add item to add more items to the interaction