Design


Line layout	Column layout
List layout	Square layout
Small Square	Table

Default Configuration

Default Behaviour(s) :

#00 : Display modes component is used on two different pages :

Search results page : Each cursor have a list of activated display modes.
Boards page

#02 : On the search page, 4 of the 6 display modes are displayed by default:

Line layout
Column layout
List layout
Square layout

#03 : On the boards page, 2 of the 6 display modes are displayed by default:

Line layout
Square layout

#04 : Square Layout is always active by default for All assets and All Videos cursors, and for the board’s page.

#05 : For the List layout the metadata displayed by default on each tile are :

Name
Caption
Keywords

#06 : 2 additionnal modes are available, but not displayed by default :

Small square : No metadata overlay can be displayed on the tiles in that mode. The only action available is selection. Can be setup at the JSON configuration level.
Table : The metadata displayed as columns can be setup at the JSON configuration level.

Advanced Configuration

Activating/deactivating a display mode for a cursor

To hide the display mode for a cursor, you just have to change it’s configuration $.dam.explore.layouts.<cursorname>.default-resource-config.hide-layout.json to true. Here are some example with the default cursor (“all assets”) and the “all videos” cursor:

src/wedia-plugin-template/res/v0/dam/explore/layouts/all-videos/default-resource-config/hide-layout.json
true

or

src/wedia-plugin-template/res/v0/dam/explore/layouts/default-cursor-config/default-resource-config/hide-layout.json
true

and

src/wedia-plugin-template/res/v0/board/boards-view/layout/hide-layout.json
true

Configuring default display mode for a cursor

Config path	Default value	Description
Translation i18n key: `layout.line`	Line layout	tooltip
Translation i18n key: `layout.column`	Column layout	tooltip
Translation i18n key: `layout.list`	List layout	tooltip
Translation i18n key: `layout.square`	Square layout	tooltip
`$.dam.explore.layouts.<cursor-name>.default-resource-config.available.json`	[ { "key": "row", "i18n": "layout.line", "icon": "cw-svg-h-bricks", "aliases": ["line", "rows"] }, { "key": "col", "i18n": "layout.column", "icon": "cw-svg-v-bricks", "aliases": ["cols", "columns", "column"] }, { "key": "list", "i18n": "layout.list", "class": "fas fa-list-ul" }, { "key": "square", "i18n": "layout.square", "class": "fas fa-grip-horizontal" } ]	Configures “All assets” cursor Each object represents an icon that will be displayed in the selection of layouts.
`$.dam.explore.layouts.<cursor-name>.default-resource-config.default.json`	"square"	Configures “All assets” cursor Defines the default layout that will be used.
`$.dam.explore.layouts.<cursor-name>.default-resource-config.hide-layout-selector-label.json`	true	Configures “All assets” cursor By default, hides the label: To show the label, put this value to `false`:
`$.dam.explore.layouts.<cursor-name>.default-resource-config.hide-layout.json`	false	Configures “All assets” cursor By default, will show the display mode: If this value is set to `true`, the display will entirely be hidden: