You may embed Dragonboat (a view or a page) in Confluence, Sharepoint, MS Teams, Miro, WIki, Google site using iFrame.
Here is some suggested code if you are using an iFrame,
<iframe src="view-page-ulr" scrolling="yes" height="1000px" width="1000px"></iframe>
Note: Read-only or Request permission is required to access.
Here are a few examples
- Embed an iframe on Confluence
- Embed an iframe on Google site
Embed on Confluence:
- On your Confluence page, click "Make page full-width"
- Click + and select "View More" and type "iframe" in search to find the widget (the screenshot below may be slightly different from your screen based on Atlassian Confluence product version/
Paste the view URL, and enter the title, width (100%), and length (1,000), align Top and click Preview to see the screen pulled in from Dragonboat
You will see the shared view embedded on your Confluence page
If your stakeholders do not yet have Dragonboat access, they will need to request access to this account and instantly be approved if they have the same email domain as the account owner (or on the Okta approved list)
To embed a Request page, paste the request page URL to the Confluence iFrame macro URL field.
Embed on a Google Site
To embed Dragonboat view in iFrame code:
1. Click “Embed”
2. Select “Embed Code”
3. Copy and paste the following code, replacing your link URL (Dragonboat view) in the correct place:
<iframe src="YOUR-LINK" scrolling="yes" height="1000px" width="1000px">/iframe>
4. Click "Insert"
5. You can resize the embedded box to display more of the roadmap on the preview. You can try adjusting the height and width settings to see if that makes a difference.
To embed Dragonboat view as a URL:
1. Click “Embed”
2. Select “By URL”
3. Copy and paste your link URL (Dragonboat view)
4. Click "Insert"
5. You can resize the embedded box to display more of the roadmap on the preview. You can try adjusting the height and width settings to see if that makes a difference.
--
Questions? Contact help@dragonboat.io or use the ? on the bottom right of your screen.