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

pagebind

label

pagelabel

Advanced Attributes

align-content

pagealign-content

align-controls

pagealign-controls

align-label

pagealign-label

control-order

pagecontrol-order

downloadable

See capture-photo > downloadable

fullwidth

See capture-photo > fullwidth

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