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.

Was this information helpful?
Yes
NoNo
Need more help? Contact support