Versions Compared

Old Version 5

changes.mady.by.user Emilie Nucci

Saved on

compared with

New Version 6

changes.mady.by.user Jill POUCHAIN

Saved on

Key

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

Design

Image Added

Line layout

Column layout

List layout

Square layout

Small Square

Table

...

Info

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 these pages, 4 of the 6 display modes are displayed by default, among the following options :

  • Line layout

  • Column layout

  • List layout

  • Square layout

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

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

  • Name

  • Caption

  • Keywords

#05 : 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.

...

Activating/deactivating a display mode for a cursor

To complete 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:

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

or

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

and

Code Block
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:

Image Added

To show the label, put this value to false:

Image Added

$.dam.explore.layouts.<cursor-name>.default-resource-config.hide-layout.json

false

Configures “All assets” cursor

By default, will show the display mode:

Image Added

If this value is set to true, the display will entirely be hidden:

Image Added

Configuration for other non-default layouts

Config path

Default value

Description

$.dam.explore.layouts.default-cursor-config.default-resource-config.available.json

{ "key": "squareSmall", "i18n": "layout.squareSmall", "class": "fal fa-grip-horizontal" }

Small square