Tokyo - Components | Audio Gallery

Last modified:

"Audio gallery" is a component that shows various images with an audio.

This component is added within the screens by default (See here), but it can also be added inside other components (for example, a Row).

You will find this component in the group of "Image" components.

Image 5655

Setup process

1. When we add the "Image gallery", the component including two "Gallery Item"by default. This items has three elements:

    a. Text. A superior text that allows you to add information about the content of the item. (See here to configure the component)

    b. Image. See here to configure this component)

    c. Audio. See aquí to configure the component)

Any of the elements can be eliminated from the item, being able to configure the gallery as desired.

2. In the "Add" tab you can add more "gallery items".

Image 5656

3. Go to the "Properties" tab of the Audio Gallery to configure its properties.




This property allows changing the space occupied by a component inside a central column of contents. The component occupies 100% of the space by default. Text size can be reduced to other preset percentages or can be displayed in "full-size". For some quote styles, "Full" width makes quotes lay over the central column.


This property allows placing the component on the right, on the left or on the centre of the central column where contents are shown. It can only be used when applied "Width" is less than 100%.


It allows inserting a component and "wrap" it with a text.

Image 5657

  1. First, we should select a size percentage under 100% in "Width" property (25%, for instance).
  2. "Float" property allows us to decide where we would like to put the floating component (on the right or on the left of the text).
  3. We use arrows to move the component and put it on the text. Image 5658

Overcome goal

It allows to modify the configuration of the overcoming of the objectives of this concrete component. We can choose between:

  • Inherited: this option aply the default value defined in the Completion Objectives Area (See here).
  • Non objetive: this audio will not an objetive to complete the unit.
  • Interact: It is necessary interact with the component to reach the objective.
  • Complete: it is necessary to visit all items in the gallery to exceed the goal.

Is this article helpful for you?
© 2023 Netex Knowledge Factory. All Rights Reserved. Disclaimer | Privacy policy | Cookie Policy.