iFrame Widget

Use this widget to display an inline window to show content from a site.

Last published at: June 3rd, 2024

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:

 

 

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

 

  • 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

 

 

How can we improve this article?

Share additional info and suggestions