| Table of Contents |
|---|
Developer Portal
...
To edit a page in the developer portal you have to enter the edit mode. You can only access this as a global admin via the 'Edit Mode' toggle in the navigation area.
...
If the toggle is active, new elements and options are displayed on the current page:
...
You can access the editor of a block by activating the edit mode and clicking on the 'Edit' button in a block. The editor then opens and loads the existing contents of the block.
The green area is the input area, where you can add text by keyboard input or images by drag and drop.
In the red area are standard text processing tools.
The blue area contains various tools for advanced editing of the content, e.g. inserting links, inserting images via URL, adding HTML template elements, HTML editor, etc.
...
To customize your own or our template HTML elements you can use CSS in the editor within the 'Source View' dialog. The editor supports the CSS classes of Tailwindcss.
Templates
...
Templates are predefined text and HTML elements that you can use for your block content. You can customize these templates within your block according to your requirements, both text and HTML code. To add templates to your block, you can use the button 'Insert Template', in the editor menu the entry 'Insert' and then 'Insert template...' or use the editor quick access button. When you open the template menu, you can select different templates from a dropdown list. You will get a preview of the selected template in the dialog. You can then add it to the current block using the 'Save' button.
...
To add or edit icons in the selected template, you must activate the 'Source Code' view in the editor.
...
There you can search for the new location of the icon you want to add or search for the icon you want to replace. Then open the page https://heroicons.com/ in a new taptab. There, you select an icon and click on 'Copy SVG'. This will be copied to your clipboard in the form of HTML code, as in this example:
...
Alternatively, outside of the 'Source Code' dialog, you can drag and drop images from your computer to the required location
Anchors
First of all, you need to give an Id to a heading.
| Code Block | ||
|---|---|---|
| ||
<h1 id="allInOne">All-in-one platform</h1> |
Then you can give any text a href.
| Code Block |
|---|
<p><a href="#allInOne">Click Me</a></p> |
So when clicking "Click Me" "allInOne" is added to the URL and page scrolls to the specified heading.
Images
...
Within templates there are predefined images. An example is the template 'SplitWithImage', which is shown above. The color of the image can be changed by clicking on the image. To do this, you have to search for the word 'blend=' in the field 'Source' and replace the value after the '=' with the desired hex color.
...
The predefined pages: Home, APIs, API Products and Applications have freely configurable areas, which can be customized with blocks. These predefined pages can be found listed in the admin portal in the corresponding developer portal settings. These pages have default blocks which can be removed but not deleted from the pages.
Home content block
...
The welcome page under '/welcome' is initially provided with the 'home_content' block and has the templates configured by default:
These templates were adjusted accordingly in text and elements.
You can freely configure or remove the 'home_content' block. To restore the default content of the 'home_content' block you have to delete and save the entire content of the block via the 'Source View'. The block will be reinitialized and the predefined content will appear.
Add or create block
...
To add a block to a page you have to activate the edit mode and click on the button 'Add Block'. In the following dialog you can decide whether you want to add an existing block to the page or create and add a new block. The added block will be added to the end of the block list of the page.
...
To remove a block from a page you have to activate the edit mode and click on 'Remove' in the corresponding block. If the block is used in other pages, the block will be removed from the page automatically. If the block is not in use on any page, you will be shown a dialog where you can choose whether you want to delete the block forever or just remove it from the page.
...