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

[

{
  

[ withBullet: false, fieldsToCopy

"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:

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


  }

] ]Handle displayed fields and copy pattern


]

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.