iFrame Widget

Overview

The iFrame widget in Datacake is a versatile tool that allows you to embed external content directly into your dashboard. Whether it's a website, a live data feed, or any web-based application that supports iFrame embedding, this widget enables seamless integration and display within your Datacake environment.

You will find a quick guide to our iFrame widget here:

Adding the iFrame Widget

To add the iFrame widget to your dashboard, follow these steps:

  1. Navigate to your dashboard: Open the dashboard where you want to add the iFrame widget.

  2. Add a new widget: Click on the 'Add Widget' button at the top of your dashboard.

  3. Select iFrame Widget: From the list of available widgets, choose the iFrame widget.

Configuring the Basics

Once the iFrame widget is added to your dashboard, you'll need to configure it:

  1. Set the Title: In the settings panel, you will see an option to give your widget a title.

  2. Enter the Source URL: Paste the URL of the website or application you want to embed into the 'Source' field. Ensure that the site supports embedding in an iFrame; otherwise, it may not display correctly.

Appearance

The iFrame widget offers several customization options to ensure it fits perfectly with your dashboard's design:

  1. Tint Color: You can change the background color of the widget card to match your dashboard’s theme.

  2. Hide Background: For a cleaner, more streamlined look, you can choose to hide the background of the iFrame widget.

  3. Full Screen Height: You can set the widget to use the full screen height, which is particularly useful if the iFrame is the only widget on your dashboard.

Practical Use Cases

The iFrame widget can be used in various scenarios to enhance your dashboard:

  • Real-Time Weather Reports: Embed a live weather report from a weather website to keep track of weather conditions.

  • Google Maps: Integrate a Google Map to display a specific location or provide interactive navigation.

  • Live Data Feeds: Embed a live data feed from an external source, such as stock prices or IoT device status, for real-time monitoring.

Troubleshooting and Tips

  • iFrame Restrictions: Some websites may have restrictions that prevent their content from being embedded in an iFrame. If you encounter this issue, consider using another source or contacting the website administrator.

  • Responsive Design: Ensure that the website or application you're embedding is responsive so that it displays correctly across different devices and screen sizes.

  • Testing: Always test the iFrame widget after embedding to ensure it displays and functions as expected within your dashboard.

Last updated