| Table of Contents | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
|
Admin Portal
In the admin portal, you have the option to make basic configurations for the developer portal, such as setting basic colors, uploading logos, and adding additional menu items in the developer portal navigation area.
To utilize the CMS options, navigate to the desired Developer Portal by going to Configuration → Developer Portals and click on the appropriate name.
...
Under the menu item 'Customization', several basic settings can be configured for the developer portal, which are valid for the entire portal.
Colors
Customize the Primary, Secondary and Primary Text some Colors using RGB, HSL, or HEX codes. Clicking on the color preview will open an editor where you can make changes, and the modifications will be immediately showcased below.
...
The Secondary Color is mainly used as background color for the navigation.
The Primary Menu Text Colors changes the text color in the main menu.
The Primary Buttons Text Color changes the text color in the primary buttons.
Below the showcase you can see the different color shades for Primary and Secondary Color that are used in the dev portel.
...
Logo → The default logo (Displayed: Login area, the navigation bar is expanded and in the collapsed navigation bar, if no small logo was set)
Logo Small → Used when the navigation bar is collapsed
Logo icon Icon → Used for the browser Favicon.
| Info |
|---|
Note: Beside that common image file formats Image file formats for 'Logo' and 'Logo Small' .jpg, .jpeg, .png, .gif, .webp up to 2 MB file size are supported. For 'Logo Icon' the image file format .png is supported up to a file size of 2 MB. |
Menu
...
In the menu item 'Menu' additional menu entries can be added or removed. These menu items are displayed in the developer portal in the main navigation, below the static menu items.
...
With ‘Create Menu Item' a new menu item of the type 'Page' or 'URL' can be created. With a menu item 'Page’ an existing CMS page is linked to the menu item and can be reached via the main navigation bar. With the type 'URL' a menu item is created which links to an external website, e.g. https://apiida.com.
The 'Menu Item Icon' is located to the left of the 'Menu Item Name' in the page navigation. Here you have to enter the name of the icon from the icon directory linked here. There is a format to follow: 'briefcase' becomes 'BriefcaseIcon' and 'chat-bubble-left' becomes 'ChatBubbleLeftIcon'.
With the arrow buttons in the overview table the menu items can be moved. The position of the menu items in the overview table reflects the position in the main navigation below the static menu items.
...