diff --git a/advanced-usage/iframe-config.png b/advanced-usage/iframe-config.png new file mode 100644 index 0000000..d729915 Binary files /dev/null and b/advanced-usage/iframe-config.png differ diff --git a/advanced-usage/iframe-widget.png b/advanced-usage/iframe-widget.png new file mode 100644 index 0000000..8bc7f59 Binary files /dev/null and b/advanced-usage/iframe-widget.png differ diff --git a/advanced-usage/index.md b/advanced-usage/index.md index 1d0c64e..6735278 100644 --- a/advanced-usage/index.md +++ b/advanced-usage/index.md @@ -149,6 +149,15 @@ This is primarily useful for underwater vehicles. Configuration determines whether the exact depth value is shown, and the colour of the lines: {{ easy_image(src="depth-hud-config", width=500, center=true) }} +##### IFrame + +The iframe widget provides an inline frame that can display another HTML page within the Cockpit interface. +This is particularly useful for showing the interfaces for BlueOS Extensions: +{{ easy_image(src="iframe-widget", width=400, center=true) }} + +Configuration determines the URL to fetch the page from, as well as the overall transparency of the iframe: +{{ easy_image(src="iframe-config", width=400, center=true) }} + ##### Image Viewer The image viewer widget shows an image that is accessible to the control station computer via its network.