Boards

Design

Open

Boards tab

Open

Boards tab (empty state)

Default Behaviour(s)

When portals are activated on a project, the page displays two tabs:

• A board tab

• A portal tab

This is the default configuration delivered with any new project.

If portals are not activated on a project, the portal tab is not visible, and no other tab is displayed on the screen.

Board Tab

The board tab consists of several elements:

• Two filters:

  • Role: Allows filtering content based on the user's role:

    • Creator: The user has created the board.

    • Contributor: The user has been invited to collaborate on a board.

    • Viewer: The user only has viewing rights on the board.

  • Type: Allows filtering boards based on type:

    • Public: Visible to all users on the platform.

    • Private: Visible only to users who have been invited to collaborate on the board.

• A search bar to search for a board based on its title.

• A dropdown to sort boards by: creation date, modification date, or board name.

• Two display modes (list and square):

  • The square display (default mode) has a special first item, which is a shortcut to create a new board.

• Board list items display:

  • The name of the board

  • The number of assets included in the board

  • The number of collaborators, if the board is privately shared

  • An icon indicating whether it’s a private board (lock icon) or a public board (globe icon)

• A list of actions available on hover:

  • Edit board metadata

  • Add collaborators to the board

  • Share the board

  • Download the board

  • Delete the board

Note that the edit, add collaborators, and delete actions are only available to the board’s owner (creator).

Advanced Configuration

Configuring sort mode

Refer to the dedicated documentation page.

Configuring layouts

Layouts are declared in $.board.boardsView.layout.available. You can remove one of the layout if you wish, only list and square are available in this page.

The default layout is set in $.board.boardsView.layout.default.

Configuring board items actions

Refer to the dedicated documentation page.

Showing asset status in a board

In order to display the status indicator, you need to define

$.board.explore.layout.hideStatus to false

Note that the status properties need to be exported in REST APIs and have wxmcart tag.