Dashboard Embed Link (iframe)
Introduction
Functions
Through Embed Link, a dashboard can be embedded in the desired location in web pages.
Note:
1. Currently, you can only embed a form into an external webpage instead of an internal one.
2. Professional technicians can perform the function when developing webpages.
Application Scenarios
1. Avoid click jump by embedding
For example, embedded into the user's management cockpit page, decision analysis page, and company management interface portal, the dashboard can be displayed as part of the user's Web frame and viewed without clicking.
2. Avoid displaying external links by embedding
Embedded into the internal websites of enterprises and campuses to prevent employees, students, etc. from obtaining external links, resulting in information leakage.
Preview
The effect of embedding the public link of a dashboard into a knowledge management platform:
Setting Procedure
Entering the Editing Page
Select a dashboard you need to embed into a webpage and click Edit.
Opening the Public Link
Go to Publish, enable To All, and click Embed Link:
Copying Embedded Codes
Copy the iframe reference codes provided by Jodoo.
Example:
<iframe width="100%" height="100%" style="border: none; margin: 0; padding: 0;" src="https://tea3o334wi.jiandaoyun.com/dash/5fe409d84b5cc20006d6d0b0?embed=true"></iframe>
📍 You can modify the reference code to fit your needs, such as adjusting the width and height. If you want to use the code directly, please delete the 'position: absolute;' part to avoid errors. For example, for the reference code above, the version you copy should be:
<iframe width="100%" height="100%" style="border: none;" src="https://www.jodoo.com/f/64c31209f3447500085c197c?embed=true"></iframe>
Note(s)
Demonstration
You can copy and paste the reference code to the position of the website as you need. For details about the effect of the embedding, see the section "Preview".
Notes
1. The width and height of the webpage embedded are 100% by default. You can modify width="100%" and height="100%".
2. For details of embedding a form into the iframe webpage, see Embedding a Form in a Web Page.