Assets thumbnail and associated actions

Owned by Emilie Nucci
Last updated: Dec 10, 2024
3 min read

Design

 

Asset thumbnails from Search Page
Asset thumbnails from a board

 

How it works

From the search page

The search results are displayed as thumbnails.

The user can rollover a thumbnail to display :

  • 3 action icons :

  • The name of the asset display (troncated with suspensions points if there is not enough space for the entire name)

  • A select option (in the right corner)

From the board page

From the board page, users can roll over each Thumbnail in order to display :

  • 3 action icons :

  • The name of the asset display (troncated with supensions points if there is not enough space for the entire name)

  • A select option (in the right corner)

Asset selection

From a board, or the search page, user can select multiple assets. Several actions are available for assets selection. Refer to the dedicated documentation :Actions on Assets Selection

Advanced Configuration

Assets status

By default, statuses are displayed on media thumbnails in the DAM, as well as in tables and portals, whenever a user has permission to manage the workflow for at least one asset library. Users without workflow management permissions do not see the status indicators. It is also possible to completely hide the display of statuses in the DAM, tables, and portals.

Show/Hide status on asset thumbnails by setting $.dam.explore.showAssetsStatus to trueor False.

List of available action

Configuring Actions

An action's definition is placed under $common.namedActions, you can modify its display by modifying some of its attributes. In the most common cases you’ll want to modify i18n value to change the value of the tooltip, the icon value to change the displayed icon, the onlyIfAllFeaturesActive value (which is an array) to condition the display of the action to the availability of some features or the onlyForRootNatures to display the action depending on the nature of the asset.

For more in depth configuration for a given action, please refer to the documentation page of this specific action.

Modifying the actions list

Actions are placed under $dam.explore.items.actions as an array of actions. Removing or adding a value will remove or add an action.

Actions can have two different formats :

// simple form actions : [...] // advance form actions: { maxDisplayedActions: Int, actions: [...] }

 

Configuring the number of actions displayed

The default value for $dam.explore.items.actions.maxDisplayedActions is 3.

Â