Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.



  • Contact Us
  • Home
  • PlayerLync in Detail
  • Team Manager
  • Forms

Team Manager - Add an iFrame to a Form

Written by Jason Simonson

Updated at May 17th, 2022

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Technical FAQs
  • Getting Started
    Launching PlayerLync Platform Basics Device / App Install & Setup PlayerLync Support Getting Started FAQs Did You Know?
  • PlayerLync in Detail
    PlayerLync Apps Admin Portal Team Manager Shared Library Collaboration Suite Intranet
  • For IT & Compliance
    App Deployment Methods Supported Devices & Browsers PlayerLync API PlayerLync Data, Security & Privacy
  • Release Notes
    Release Notes - Dashboard Release Notes - Admin Portal / Team Manager (Web) Release Notes - PlayerLync for iOS (App) Release Notes - PlayerLync for Android (App) Release Notes Archive
  • Company Info
    Who is PlayerLync?
+ More

WHAT IS AN IFRAME?

An iFrame is an inline frame used inside a webpage to load another HTML document inside it. This is just a fancy way of saying that an iFrame gives you a way to nest something inside of something else. As an example, you might use an iFrame to embed a website or a video inside one of your forms. The below information will show you how to do exactly that!


ADDING IFRAME CODE TO A FORM

Note: Linking to content that is external of the PlayerLync application will require access to the internet to view.

  1. Begin by adding an HTML control to your form from the Files and Media category of available controls. This is done by dragging and dropping the control to your form.

  2. Select the HTML control within the form to display Basic and Validation Settings. The control will highlight in mint green to signify it is selected.

  3. On the Basic tab, input values for the following fields...

    1. Label - This is the title of the field. When left blank, it will not display on the final form

    2. Tooltip - This is information that will be displayed when the field is moused-over while used from a traditional computer with a mouse and keyboard.

    3. HTML - This is where you will insert your iFrame code (see below for HTML syntax)


BASIC IFRAME SYNTAX

The following values break-down the variables used to create iFrame code:

iFrame Element Description
<iframe This is the opening tag. This should include a > at the end following all variables (src, height, width)
src= This is the source URL of the website or image/video you wish to embed. Make sure to include the value in quotes as seen below.
height= The height of the embedded object or website in pixels. This can also be presented as a percentage of the available space vertically. Make sure to include the value in quotes as seen below.
width= The width of the embedded object or website in pixels. This can also be presented as a percentage of the available space horizontally. Make sure to include the value in quotes as seen below.
</iframe> This is the closing tag. This will close and complete all of the options for the iFrame.


Example Syntax: (text only colored to show the various elements)

<iframe src="https://www.playerlync.com" height="800px" width="100%"></iframe> 


iframe forms offline forms digital forms

Was this article helpful?

Yes
No

On this page

Related Articles

  • Team Manager - Managing Employees
  • Team Manager - Adding & Managing Locations

© 2025 PlayerLync, LLC. ALL RIGHTS RESERVED

A Mobile Workforce Enablement Platform

Knowledge Base Software powered by Helpjuice

Definition by Author

0
0
Expand