Line layout

Column layout

List layout

Square layout

Small Square

Table

Block

Translation i18n key:
layout.line

Line layout

tooltip

Translation i18n key:
layout.column

Column layout

tooltip

Translation i18n key:
layout.square

Square layout

tooltip

Translation i18n key:
layout.block

Block layout

tooltip

$.dam.explore.layouts.<cursorName>.defaultResourceConfig.available.json

In this configuration file, each object represents a layout that will be displayed in the display mode.

$.dam.explore.layouts.<cursorName>.defaultResourceConfig.default.json

"square"

Defines the default layout that will be selected

$.dam.explore.layouts.<cursorName>.defaultResourceConfig.hideLayoutSelectorLabel.json

true

By default, hides the label:

To show the label, put this value to false:

$.dam.explore.layouts.<cursorName>.defaultResourceConfig.hideLayout.json

false

By default, will show the display mode:

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

$.common.namedDisplays.assetList.content.json

The withoutLabel property will hide the label if set to true.

clickable will allow us to click on a keyword and will add the keyword as a research filter if it’s set to true.

If we still want to display a field even if it’s empty, set showIfEmpty to true.

The badge is a visual option.

When set to true, the keywords will display as a button-like way.

If set to false, the keywords will display as a simple text.

$.common.namedDisplays.assetList.infos.json

$.common.namedDisplays.assetList.preview.json

$.common.namedDisplays.assetList.title.json

Translation i18n key:
layout.list

List layout

Translation i18n key:
layout.square

Square layout

$.board.boardsView.layout.available.json

Here is determined which layout display will be shown.

$.board.boardsView.layout.default.json

"square"

Default layout that will be selected unless the user has already selected a layout at least once.

$.board.boardsView.layout.hideLayout.json

false

$.board.boardsView.layout.prefix.json

"board"

asset.photo.by

Photo by

$.board.explore.items.display.defaultConfig.json

$.common.namedDisplays.assetBoardList.content.json

$.common.namedDisplays.assetBoardList.infos.json

$.common.namedDisplays.assetBoardList.preview.json

$.common.namedDisplays.assetBoardList.subtitle.json

$.common.namedDisplays.assetBoardList.title.json

$.common.namedDisplays.assetBlock.content.json

• maxlines allow us to define the number of lines to display. This property is mandatory when using the block layout, as it will trigger different visual behaviours.

If the text is not long enough, blank lines will be shown. Otherwise the text will be cut with an ellipsis:

In the block layout, the maxLines can have a value between 1 and 5. Never write maxLines='none' or you will have non-desired behaviour visually.

• The withoutLabel property will hide the label if set to true.

• clickable will allow us to click on a keyword and will add the keyword as a research filter if it’s set to true.

• If we still want to display a field even if it’s empty, set showIfEmpty to true.

• The badge property is a visual effet. When using this property (set as true), it is mandatory to add 2 other properties with the following values: maxLines set at 3 and nbDisplayedItems property with a limit of 2.

If you increase or decrease the maxLines/nbDisplayedItems, it will have visual repercusions.
When badge is set to true, the ellipsis button (which normally displays more keywords) will not be clickable either.

$.dam.explore.layouts.defaultCursorConfig.defaultResourceConfig.available.json

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

Add this code in the config path to display the Small square in the searsh result page

$.board.explore.layout.available.json

{ "key": "table", "i18n": "layout.table", "class": "fal fa-table" }

Add this code in the config path to display the Table layout when looking at assets in a board

$.common.namedDisplays.assetTableRow.preview.json

{
"colWeight": 8,
"headerClass": "cw-table-cell-media",
"i18n": "asset.media.preview",
"namedVariation": "tiny"
}

$.common.namedDisplays.assetTableRow.json

[
{
"colWeight": 15,
"field": "name",
"hideLongTextTooltip": true,
"withoutLabel": true
},
{
"colWeight": 10,
"field": "dteendrights",
"hideLongTextTooltip": true,
"withoutLabel": true
},
{
"colWeight": 5,
"field": "clipped",
"hideLongTextTooltip": true,
"withoutLabel": true
},
{
"badge": true,
"colWeight": 15,
"field": "keywords",
"hideLongTextTooltip": true,
"withoutLabel": true
},
{
"colWeight": 20,
"field": "description",
"hideLongTextTooltip": true,
"withoutLabel": true
},
{
"colWeight": 7,
"field": "width",
"hideLongTextTooltip": true,
"withoutLabel": true
},
{
"colWeight": 7,
"field": "height",
"hideLongTextTooltip": true,
"withoutLabel": true
}
]

This configuration allows to set the metadata in the columns and the size of them in the table layout.