Adding Web Portal widgets

Prerequisite

You have edit permissions for the dashboard.

Adding and configuring a Dashboard Link widget

Open the dashboard in Edit mode.
Open the widget catalog sidebar (open by default) and add the Dashboard Link widget onto the grid.
In the widget configuration, select the source space and dashboard that should be linked.
Enter the link title that will be shown on the widget or keep the default dashboard name. The link title can be left empty.
Choose a background option:
- Click Add in the file section and upload a JPG, PNG or GIF file with a maximum size of 200 kB. The image fills the entire widget background.
- Click Background Color and pick a color from the palette.
Confirm with Apply.
Click the Edit mode button on the dashboard to store the changes.

Dashboard Link widget with configuration

Click the widget to navigate directly to the target dashboard. Users without permissions for the target dashboard see an error message after clicking the widget.

Adding and configuring a Web Viewer widget

Open the dashboard in Edit mode.
Open the widget catalog sidebar (open by default) and add the Web Viewer widget onto the grid.
Enter the URL of the page that should be embedded.
(Optional) Adjust the refresh interval or zoom levels.
Confirm with Apply.
Click the Edit mode button on the dashboard to store the changes.

The Web Viewer widget displays the provided page inside the dashboard. Ensure that the target site allows embedding through its Content-Security-Policy. Only the respective website operator can adjust these settings. The widget supports both HTTP and HTTPS URLs, but embedding HTTP pages in an HTTPS context may be blocked by modern browsers due to mixed content restrictions.

Adding and configuring a Notes widget

Open the dashboard in Edit mode.
Open the widget catalog sidebar (open by default) and add the Notes widget onto the grid.
Enter the note content in the text field.

The Notes widget supports plain text and markdown-formatted content for adding information, reminders, descriptions, links, images, or instructions to your dashboard.
Markdown formatting examples
Headings
# Header 1 ## Header 2 ### Header 3
Text Formatting
_emphasis_ **strong** ~~corrections~~
Lists
1. First item 2. Second item * Unordered sub item 1. Ordered sub item
Links
[Link text](https://www.bosch.com)
New Line (requires two line breaks - a blank line between paragraphs)
Text Text
Tables
Markdown | Less | Pretty --- | --- | --- 1 | 2 | 3
Horizontal Line
---
Images
![Image alt text](https://via.placeholder.com/150)
Confirm with Apply.
Click the Edit mode button on the dashboard to store the changes.

The Notes widget displays the entered text content on the dashboard.