Design

How it works

The main menu is accessible from every pages of the DAM by clicking on the menu icon in the Header.

By default, the main menu is composed of :

• Shortcuts

  • 

    Search for an asset link : Redirects to the search page,

  • Upload assets link : Redirects to the mass upload page (only visible for Administrators and Contributors)

Shortcuts can be added in the menu through configuration

• Footer links :

  • 

    Legal Notice : redirects on the legal notice page

  • Terms of use : redirects on the terms of service page

  • Feedback : opens the feedback’s popup.

Links can be added in the menu through configuration.

• Profile picture / First Name / Last Name : redirect to the user profile edition page. The Profile edition can be disabled

• Logout link : The user is disconnected from the DAM by clicking on this link

• My boards link : Redirects to “My Boards” page

• My searches link : Redirects to “My searches” page

• Release Number : Automatically set by the DAM, can be removed at project level.

• Language drop-down menu with options : French, English, Deutch. It is possible to disable one or more languages through configuration.

• Cross, for closing the menu

Standard Configuration

Since Starter Kit 2023.3, it is now possible to configure the footer links in the menu via the DAM configuration page.

For more details, see this page.

Advanced Configuration

Adding shortcuts in the main menu

The shortcuts you want to display must be described in the action-availabled.json file located in the menu directory. It is an Array<Action> with the following settings :

[
  {
    "id": "menu-action-search",
    "key": "sidebar.search.title",
    "icon": "fal fa-search",
    "to": {
      "name": "dam-explore",
      "params": {
      }
    },
    "descriptionKey": "sidebar.search.description"
  },
  {
    "id": "menu-action-upload",
    "key": "nav.upload",
    "icon": "fal fa-cloud-upload",
    "to": {
      "name": "import-jobs",
      "params": {

      }
    },
    "descriptionKey": "sidebar.upload.description",
    "onlyForUserGroups": [
      4, 27
    ],
    "onlyIfAllFeaturesActive": ["upload"]
  }
]

Each Action object has the following structure :

Adding footer links in the main menu

The footer links you want to display must be described in the footer-links.json file located in the menu directory. The links property is an Array<Link> with the following settings :

{
  "links": [
    {
      "i18n": "page.title.legal",
      "routing": {
        "to": {
          "name": "legal"
        }
      }
    },
    {
      "i18n": "sidebar.about",
      "routing": {
        "to": {
          "name": "cgu"
        }
      }
    }
  ]
}

Each Link object has the following structure :

Adding links in the sidebar menu

The links you want to display in the sidebar menu must described in the links.json file located in the menu directory. It's an Array<Link> with the following settings :

[
  {
    "key": "sidebar.links.board",
    "suffixIfAnonymous": true,
    "to": { 
      "name": "boards",
    },
    "descriptionKey": "sidebar.links.boardDescription",
    "onlyIfAllFeaturesActive": ["boards"]
  },
  {
    "key": "sidebar.links.searches",
    "onlyIfLogged": true,
    "to": {
      "name": "savedSearches"
    },
    "descriptionKey": null
  }
]

Each Link object has the following structure :

Disabling one or more languages

The list of available languages can be modified from the available-languages.json file located in the language directory. It is an Array<Lang> with the following description :

[
  {
    "name": "fr",
    "id": 1
  },
  {
    "name": "en",
    "id": 2
  },
  {
    "name": "de",
    "id": 4
  }
]

Disabling access to the Profile menu

See Main Menu - User profile

Hiding the Release Number

Add or modify the hide-server-version.json file (located in the menu directory) and set its content to true (default is false).