Web Content Component

Web Content

Function: a!webContentField()

Displays content from an external source.

To protect users from how Safari and Internet Explorer 11 handle memory, the Web Content component will display as an inline link when viewed in those browsers.


Name Keyword Type Description
Label label Text Optional text to display as the field label.
Label Position labelPosition Text Optional text to determine where the label appears. Valid values include
  • "ABOVE" (default) Displays the label above the component.
  • "ADJACENT" Displays the label to the left of the component.
  • "COLLAPSED" Hides the label. The label will still be read by screen readers; see accessibility considerations for more information.
  • "JUSTIFIED" Aligns the label alongside the component starting at the edge of the page.
Instructions instructions Text Optional text displayed below the label.
Help Tooltip helpTooltip Text Displays a help icon with the specified text as a tooltip. The tooltip displays a maximum of 500 characters. The help icon does not show when the label position is "COLLAPSED".
Source source SafeURI Location of the external content.
Show Border showBorder Boolean Determines whether the field has an outer border. Default: true.
Height height Text Determines the field height. Valid values include "SHORT", "MEDIUM" (default), and "TALL".
Alternative Text altText Text Equivalent alternate text provided to assistive technology.
Visibility showWhen Boolean Determines whether the component is displayed on the interface. When set to false, the component is hidden and is not evaluated. Default: false.


  • Not all content can be embedded. The best way to know if your content can be embedded or not is to test it. If it can't be embedded, the component will be empty. Some sources explicitly prevent being embedded, such as https://www.google.com and https://www.yahoo.com/.
  • This component supports displaying external content only. Internal Appian interfaces and Appian URLs are not supported.
  • On Appian for Mobile Devices, the web content component appears as a safe link to the source. The value provided in altText is used for the link label.
  • Screen readers will typically announce the embedded page's title (found in the <title> attribute). When no title is provided, the altText value is used.


  source: "https://www.appian.com/",
  height: "MEDIUM",
  showBorder: true,
  altText: "Appian Corporation"
Open in Github

On This Page