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-ifhide-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