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​

display-coordinates

display-image

Last modified 3mo ago

display-file

Overview

Basic Example

Standard Attributes

`bind`

`label`

Advanced Attributes

`align-content`

`align-controls`

`align-label`

`control-order`

`downloadable`

`fullwidth`

`hide-filename`

`id`

`label-case`

`label-color`

`show-if` and `hide-if`

Component Methods

`closeMedia`

`downloadMedia`

`openMedia`

`scrollIntoView`