Preview option

Design

 

preview-popin.png

Default Behaviour(s)

By default the pop-in is composed of the following elements :

  • An asset player will show / play the selected asset.

  • A copy credit action is defined by default, and copies the name and photographer into the clipboard

  • An information area on the right with those informations :

    • The name of the asset

    • A “copy credits” button, when clicked, the name of the asset and the name of the photographer are copied

    • The name of the photographer

    • Expiration date

    • Description

In the top right corner arrows allow to navigate between assets.

 

Advanced Configuration

The configuration of the preview pop-in is placed under $dam.previews and can be configured based on cursors names.

Customizing header section of the details zone

Config path

Default value

Description

Config path

Default value

Description

$dam.previews.header.config

 

[ { "field": "name", "withoutLabel": true } ]

Add or remove fields to be displayed in the header section of the details zone

Customizing copied metadata

Config path

Default value

Description

Config path

Default value

Description

$dam.previews.column[0]

 

{ "fieldsToCopy": [ { "pattern": "preview.copy.name", "fields": [ { "field": "name" } ] }, { "pattern": "preview.copy.br", "fields": [] }, { "pattern": "preview.copy.author", "fields": [ { "field": "photograph.name" } ] } ], "withBullet": false }

Lists the metadata that will be copied when cliking the “copy credits” button.

Each element is configured as so:

{ "pattern": <label>, "fields": [ { "field": <field> } ] }

The labels are keys from edocs. Here are a few: preview.copy.name (will display"Asset:"), preview.copy.endrights (will display"Expiration date:"), preview.copy.author (will display"Photographer:"), ...

The fields are metadata from the asset (photograph.name, copyright, dteendrights, etc…).

 

It is also possible to add a carriage return between fields (it is recommended, otherwise the texts will be copied side by side):

 

Il est possible de rajouter des options pour chaque champ : withoutLabel, withBullet, ...

 

Customizing Metadata Display

Config path

Default value

Description

Config path

Default value

Description

$dam.previews.column[1]

 

Displayed fields :

First element will be the title of the section, others elements are fields to display.

You can add as many sections as you want by adding elements to $dam.previews.column. See how to configure fields by refering to the dedicated documentation’s page.