Datacake Docs
  • Welcome
  • Get Started
  • Changelog
  • Best practices
    • Best practices: Getting started
    • Best practices: Resolution (Timeframe)
    • Best practices: Dashboards
    • Best practices: Reports
    • Best practices: Grouping Devices
  • Datacake LNS
    • Getting Started
    • Gateways
      • Milesight LoRaWAN Gateway - UG6x
      • RAKwireless WisGate Edge Light 2
    • Devices
    • Add Devices without Gateway
  • Device
    • Product
    • Configuration
    • Claiming
    • Historical Data
    • Database
      • Configuration Fields
      • Fields
        • Manual input
        • Field Roles
        • Formulas
        • Mapping Fields
      • Data retention & Datapoints
      • Examples
        • Mapping 4-20mA Signals
        • Converting Units
  • Dashboards
    • Global Dashboards
      • Setting Homepage
    • Device Dashboards
    • Multi-Device Dashboards
    • Widgets
      • Value Widget
      • Chart Widget
      • Image Map
      • Map Widget
      • Text Widget
      • SOS Widget
      • Boolean Widget
      • iFrame Widget
      • Downlink Widget
      • Set Value Widget
      • Measurement List Widget
      • Heatmap Widget
      • Table Widget
      • Image Widget
  • Portal
    • Multi-Tenancy (Workspaces)
    • Reports
      • Energy Report
    • Administrators
    • Members
      • API Users
    • Security & Privacy
    • Billing
      • Support Packages
      • VAT Exemption / Tax ID
      • SMS Credits
      • Access Invoices
      • Unused time and Remaining time in Invoices (Prorations)
      • Codes
    • White Label
    • Rules
      • Legacy Rule Engine
        • Sending notifications via Telegram
      • New Rule Engine
        • Rule Engine Table Overview
        • Copy/Paste and Template Functionality
        • Advanced Rule Engine E-Mail and Webhook Templates
        • Time Restrictions
    • Zones
  • Cake Red
    • Get Started
    • Overview
  • LoRaWAN
    • Get Started
      • CSV Import
      • Custom LoRaWAN Device
    • Configuring LNS
      • The Things Stack (TTN / TTI) Automated Setup
      • The Things Stack (TTN / TTI) Manual Setup
      • Loriot
      • Kerlink Wanesy
      • Helium
      • ChirpStack
      • Tektelic
      • Actility ThingPark
      • Senet
      • Milesight Gateway
      • KPN
    • Downlinks (LoRaWAN)
      • Set Time Frame
    • Securing Webhooks
    • Payload Decoders
      • Location and GPS
      • Access Gateway Metadata
      • Access Measurements
      • Global Variables
    • Using Cayenne LPP
    • Converting Payload
  • Generic API Devices
    • HTTP Downlinks
  • Integrations
    • MQTT
    • Particle
      • Get Started
      • Adding Integrations
      • Decoding Payloads
      • Calling Functions
      • Templates
        • Particle Tracker One
    • Incoming Webhooks
    • Outgoing Webhooks
      • Securing Outgoing Webhooks in Datacake
    • Golioth
    • Blues Wireless Notecard
    • Sigfox
    • Swarm Asset Tracker
    • Grandcentrix Modbus Cloud Connect
    • YuDash LYNX IoT Gateway
    • Dragino NB-IoT
      • Changing NB-IoT Bands
    • Hardwario CHESTER
    • 1NCE OS
  • API
    • Exporting Data
    • Record Measurements via API
    • Node RED to Datacake
    • Generate Access Token
    • Internal MQTT
      • Get Started
      • MQTT Documentation
      • MQTT over WebSocket
      • Example Code
    • GraphQL API
      • Using GraphQL
      • Device Creation
      • Tutorials
        • Read Group via Tags
  • Guides
    • Python
    • Send Slack Notifications
    • Forward Data to Cake Red
    • Multiple Data Feeds
    • Automated Dynamic Downlinks
    • Ingesting JSON Data into Datacake API Devices
    • Working with Default HTTP Decoder on API Devices and Code Examples
    • Accessing Measurements in Decoders
    • Connecting Datacake to Notion Using Zapier
    • How to set up and use location on non-GPS devices
    • How to integrate with AWS IoT Core
    • How to Schedule Mass-Downlinks (Multicast) using Datacake Rule Engine
    • How to Map Sensor Values to Ranges or Booleans, Strings using Mapping Fields
    • Understanding Internal vs. External MQTT Brokers on Datacake
    • Sending UDP Messages between 1NCE OS and Datacake
    • Concepts of LoRaWAN Payload Decoders on Datacake
    • How to check if a value stays above or below limits for given time
Powered by GitBook
On this page
  • Overview
  • Adding the iFrame Widget
  • Configuring the Basics
  • Appearance
  • Practical Use Cases
  • Troubleshooting and Tips

Was this helpful?

  1. Dashboards
  2. Widgets

iFrame Widget

Last updated 8 months ago

Was this helpful?

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.