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

bind

label

label

Advanced Attributes

align-content

align-content

align-controls

align-controls

align-label

align-label

control-order

control-order

downloadable

See capture-file > downloadable

fullwidth

See capture-file > fullwidth

hide-filename

See capture-file > hide-filename

id

id

label-case

Version compatibility

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

label-case

label-color

label-color

show-if and hide-if

show-if

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

See capture-file > closeMedia

downloadMedia

See capture-file > downloadMedia

openMedia

See capture-file > openMedia

scrollIntoView

See capture-file > scrollIntoView