Links

display-file

Overview

Platform compatibility
Compatible with all platforms.
The display-file component was visually updated in version 4.80.0 of JourneyApps Runtime.
The display-file component displays a file that was previously captured.

Basic Example

main.view.xml
<var name="usage_report" type="attachment" />
<display-file label="Usage Report" bind="usage_report" />

Standard Attributes

bind

label

Advanced Attributes

align-content

align-controls

align-label

control-order

downloadable

fullwidth

hide-filename

id

label-case

Version compatibility
label-case was introduced in version 4.80.0 of the JourneyApps Runtime.

label-color

show-if and hide-if

Component Methods

The following component methods are available when an id is assigned to the component and component.displayFile({id:'my-id'}) is called from JS/TS:

closeMedia

downloadMedia

openMedia

scrollIntoView