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

pagebind

label

pagelabel

Advanced Attributes

align-content

pagealign-content

align-controls

pagealign-controls

align-label

pagealign-label

control-order

pagecontrol-order

downloadable

See capture-file > downloadable

fullwidth

See capture-file > fullwidth

hide-filename

See capture-file > hide-filename

id

pageid

label-case

Version compatibility

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

pagelabel-case

label-color

pagelabel-color

show-if and hide-if

pageshow-ifpagehide-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