Description:
Displays an inline window control for displaying content from a site.
Inputs
- ID/Name - Name of widget generated by FlowWright (read-only field)
- iFrame Source - Enter the HTTP URL link
- Width (%) - Enter the percentage value for width
- Height (px) - Enter the pixel value for height
- Hide - Select the checkbox to Hide (tick mark)
- Read Only - Select the checkbox to Read-Only (tick mark)
- Frame Border - Select the checkbox to display the frame border (tick mark)
- Save - Save the input values
- Delete - Remove this form widget from the designer page
- Close - Close the input popup window
Design:
![](https://s3.amazonaws.com/helpjuice-static/helpjuice_production%2Fuploads%2Fupload%2Fimage%2F8802%2Fdirect%2F1617963596847-1617963596847.png)
Example:
Let’s build and execute the “iFrameDef” example.
- Create a new form definition called “iFrameDef.”
- Select the Open Designer checkbox and click the “Create” button
- Drag an iFrame widget to the canvas
- Double-click on the widget to configure the inputs as shown in the below graphic
![](https://static.helpjuice.com/helpjuice_production/uploads/upload/image/8802/direct/1717419025922-image.png)
- Click on the Save button and Close the popup window
- Navigate to the UI menu and Preview the form. The rendered widget will appear as shown in the graphic below
![](https://s3.amazonaws.com/helpjuice-static/helpjuice_production%2Fuploads%2Fupload%2Fimage%2F8802%2Fdirect%2F1617963864764-1617963864764.png)