display-photo

Overview
Version compatibility
The display-photo component was visually updated in version 4.74.0 of JourneyApps Runtime.
Displays an existing photo that was previously captured.
Basic Example
<var name="plant_assembly" type="photo" />
​
<display-photo bind="plant_assembly" label="Assembly" />
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-photo > downloadable​
fullwidth
See capture-photo > fullwidth​
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.displayPhoto({id:'my-id'}) is called from JS/TS:
closeMedia
See capture-photo > closeMedia​
downloadMedia
See capture-photo > downloadMedia​
openMedia
See capture-photo > openMedia​
scrollIntoView
See capture-photo > scrollIntoView​

display-image

display-signature

Last modified 3mo ago

display-photo

Overview

Basic Example

Standard Attributes

`bind`

`label`

Advanced Attributes

`align-content`

`align-controls`

`align-label`

`control-order`

`downloadable`

`fullwidth`

`id`

`label-case`

`label-color`

`show-if` and `hide-if`

Component Methods

`closeMedia`

`downloadMedia`

`openMedia`

`scrollIntoView`