Team Manager - Add an iFrame to a Form
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.
- 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.
- 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.
- On the Basic tab, input values for the following fields...
- Label - This is the title of the field. When left blank, it will not display on the final form
- 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.
- HTML - This is where you will insert your iFrame code (see below for HTML syntax)
- Label - This is the title of the field. When left blank, it will not display on the final form
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>
On this page