Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents

Design

...

preview-popin.pngImage Added

Default Behaviour(s)

Info

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

  • The actual asset on the leftAn 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.

...

Customizing header section of the details zone

Config path

Default value

Description

$dam.previews.header.config

Code Block
[
  {
    "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

$dam.previews.column[0]

Code Block
{
  "fieldsToCopy": [
    {
      "pattern": "preview.copy.name",
      "fields": [
        {
          "field": "name"
        }
      ]
    },
    {
      "pattern": "preview.copy.br",
      "fields": [

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

}Handle copy pattern


}

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

Each element is configured as so:

Code Block
{
  "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):

Code Block
{
  "pattern": "preview.copy.br",
  "fields": []
}

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

Customizing Metadata Display

Config path

Default value

Description

$dam.previews.column[1]

Code Block
[
  "dam.detail.empty",
  {
    "field": "photograph",
    "withBullet": false
  },
  {
    "field": "dteendrights",
    "withBullet": false
  },
  {
    "field": "description",
    "withBullet": false
  }
]

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.