03. Add an enrichment: Button

The Button enrichment allows you to assign different actions and render interactive content elements: text, images, empty frames, etc.

You can find this enrichment in the Enrichments list tab.

Add the Button enrichment and assign an action to it:
  1. Select the content element to render interactive and draw an empty frame over it using the rectangle frame tool.
  2. Select Button enrichment to be added to the frame.

3. Name the button in order to easily recognize the buttons within your project.

4. Check the properties you want to add to the button:

  • Visible in this orientation: if checked, the button will be generated for this orientation; if unchecked the button will be ignored at generation time.
  • Force export as images: forces rendering of selected items as images (PNG or JPEG). For example, a text will be rendered and not exported as PDF.
  • Maintain FrameState: takes into account the last state of the frame, the last change of the frame state. For example, if you change the visibility of the button, the next time you will open the content, the button will be hidden.
  • Hidden: to hide the button.

5. Select the lightning symbol to assign an action to the button:

For this button we chose to play a video.

5.1. Create a second frame and add the video enrichment to it.

5.2. Custom the video enrichment: set the source (from the file system or web), the actions on the video itself: close at the end, user interaction, etc.

5.3. In the Actions tab, select Tell Frame (of the Button enrichment) to play the second frame (the video).

Check in the Links tab that all links and images, contained in your imported project, have been imported correctly. If not the case, use Relink action from the left menu.

6. When opening the content, click on the button and it will play the video set in the second frame.

Leave a Reply