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.
...
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.
...
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.
...