Troubleshooting embedded dashboard widgets not rendered properly

Issue Details

When displaying the dashboard within your embedded application, you might face problems where the widgets do not render correctly. This often leads to widgets displaying as empty and generating errors in the console.

Widgets loading: 

Console error: 

Reason for the Issue

The main cause for the dashboard widgets not displaying correctly is generally associated with the incorrect configuration of the embed container element ID. In particular, if the embed container ID has been configured as a universally unique identifier (UUID), it may lead to certain widgets not rendering as expected, which in turn results in errors being displayed in the console.

Resolution Steps

To resolve this problem, you should modify the container ID in the embedded application. Follow these steps:

1. Go to the embedded application where you have assigned the ID attribute to the dashboard container element. Ensure that the attribute value includes alphabetic characters. You can choose any value; however, avoid using unique (UUID or GUID) values.
2. Assign the correct attribute in your embedded application.
3. The embedded application should now operate correctly, without any issues.

For example, we use the container ID attribute value "dashboard," as illustrated in the image below.

The dashboard is displayed in the embedded application without any errors.

By following these steps, the dashboard widgets data become visible and rendered properly. If you encounter any further issues or have any concerns, please reach out to support.