Design
...
...
Default Behaviour(s) :
...
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 :
Profile picture / First Name / Last Name :
...
Search for an asset link - redirects to the search page,
...
Upload assets link - redirects to the mass upload page,
Only visible for Administrators
Footer links
...
Legal Notice : the user is redirected on the legal notice page
...
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
Language drop-down menu with options : French, English, Deutch. It is possible to disable one or more languages through configuration.
My boards link : Redirects to “My Boards” page
My searches link : Redirects to “My searches” page
Configure DAM link : Opens wedia-config interface in a new window (Only for developers role)
Footer links :
Image AddedLegal Notice : redirects to the legal notice page
Terms and conditions : redirects to the terms of service page
Feedback : opens the feedback’s popup.
...
...
Disconnect link
...
My boards link
...
My searches link
...
Language drop-down menu with options :
...
Cross, for closing the menu
Advanced Configuration
Adding shortcuts in the menu
...
...
: Automatically set by the DAM, can be removed at project level.
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 footer links in the main menu
| Note |
|---|
Deprecated : since Starter-Kit 2023.3.0, use DAM configuration page to setup the footer links |
| Expand |
|---|
| title | See deprecated method |
|---|
|
The footer links you want to display must be described in the |
...
footer-links.json file located in the menu directory. |
...
...
Array<Link> with the following settings : Config Path | Default value | Description |
|---|
$.menu.
|
|
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
Shortcut to asset search
Shortcut to asset import
Link to legal notice page Link to CGU page |
Each Link object has the following structure : |
code | breakoutMode | wide | language | json |
{
"id": "menu-action-search", unique identifier of your choice for the menu entry
"key": "sidebar.search.title", i18n localized key for action label
"icon": "fal fa-search", font awesome icon (fa-s/l/r)
"to": {
"name": "dam-explore", the Vue route to follow on click
"params": {
}
},
"descriptionKey": "sidebar.search.description" i18n localized description
}, |
Adding footer links in the menu
...
...
undefined
| I18n key for link label | routing
| object
| {}
| A JSON to object containing a mandatory name property to specify the Vue route to follow. Ex: { "to": { "name": "legal" } }
|
|
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. The links property is It's an Array<Link> with the following settings :
Config Path | Default value | Description |
|---|
$.menu.
|
footerLinks{
"links":
i18npagetitlelegal
routing{ legal"
boards",
},
"onlyIfAllFeaturesActive": ["boards"]
|
|
}
i18nabout routing{
cgu }
}
]
} | Link to the user boards Link to |
legal notice componentEach Link object has the following structure :
...
| breakoutMode | wide |
|---|
| language | json |
|---|
...
Property | Type | Mandatory | Default | Description |
|---|
key
| string
| true
| undefined
| I18n key for link label |
to
| object
| true
| {}
| A JSON object containing a mandatory name property to specify the Vue route to follow. Ex: { "to": { "name": "savedSearches" } }
|
suffixIfAnonymous
| boolean
| false
| | |
onlyIfAllFeaturesActive
| array
| false
| []
| A list of features required for link activation |
onlyIfLogged
| boolean
| false
| true
| Specifies if the link is public or if the user must be logged in for link activation |
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 :
Config Path | Default value | Description |
|---|
$.language.availableLanguages | | Code Block |
|---|
| [
{
"name": "fr",
"id": 1
},
{
"name": "en",
"id": 2
},
{
"name": "de",
"id": 4
}
] |
| An array of lang objects with 2 entries: |
Disabling access to the Profile menu
...