How to Change Dashboard Theme in IFrame Embedding?
When embedding a dashboard using an IFrame, it is possible to customize the appearance by changing the theme. This can be achieved by using the embed_theme parameter in the IFrame embed URL. Below are the steps to change the theme for a specific dashboard when embedding it using an IFrame.
Uploading a Theme File
Before proceeding to change the theme in IFrame embedding, we must first upload the desired theme file to the Bold BI server. This can be accomplished in two ways: first, by uploading the theme file at the site level, and second, from the UMS level. Here we have provided steps to upload at the site level.
-
Open the Bold BI application, then open the UMS page.
-
Navigate to the Look and Feel settings under the Settings page.
-
Upload your custom theme file and save it.
For detailed guidance on uploading theme files, please refer to the Theme Settings Documentation. Please refer to the help documentation for creating custom theme file.
Embedding the Dashboard with a Custom Theme
After uploading the theme file, you can proceed to embed the dashboard with the new theme.
-
Go to the dashboard you wish to embed.
-
Copy the IFrame embed code for the dashboard. Instructions for this can be found in the Embedding a Dashboard Documentation.
-
Append the
&embed_themequery parameter to the IFrame embed code URL. -
Provide the name of the uploaded theme file as the value for the
embed_themeparameter.
For example, if your theme file is named darkviolet, the URL should include &embed_theme=darkviolet.
Result
By following these steps, the dashboard will be rendered with the specified theme when embedded in an IFrame. This allows for a consistent look and feel that aligns with your application.
For additional information on IFrame embedding and available parameters, please visit the IFrame Embedding Parameter Options Documentation.
Additional References
