Web View
A component that renders a website on the screen in a native view.
Adding a Web View component
- Select the Web View component from the Components drawer. You can open the list of components by clicking the
+button next to Components. - To add the URL, go to the Data tab (third tab) in the Properties Panel.
- Under Input Text > URL, you can add a static URL.
- If the Video URL is coming from an API endpoint, you can define a variable in curly braces
{{}}in Input Text > URL and then select the value of the URL from the dropdown menu under Variables.
Configuration Properties
Basic
| Property | Description |
|---|---|
| Component Name | To alter the name of the component. The name is reflected in the Components tree. Defaults to Web View. |
| Enable Cache | Sets whether WebView should use browser caching. |
| Use Incognito Mode | Does not store any data within the lifetime of the WebView. |
| Optimize Video Chat | Allows for a better experience from web hosted video chat services |
Advanced
| Property | Description |
|---|---|
| Enable Javascript | Boolean value to enable JavaScript in the WebView. The default value is true. |
| Allow New Windows | A Boolean value indicating whether JavaScript can open windows without user interaction. The default value is false. |
| Horizontal Scrollbars | Boolean value that determines whether a horizontal scroll indicator is shown in the WebView. The default value is true. |
| Vertical Scrollbars | Boolean value that determines whether a vertical scroll indicator is shown in the WebView. The default value is true. |
| Media Playback Requires User Action | Boolean that determines whether HTML5 audio and video requires the user to tap them before they start playing. The default value is true. |
| Start In Loading State | Boolean value that forces the WebView to show the loading view on the first load. This prop must be set to true in order for the renderLoading prop to work. |
| Allow File Access From File URLs | Boolean that sets whether the WebView has access to the file system. The default value is false. |
| Allow Universal Access From File URLs | Boolean that sets whether JavaScript running in the context of a file scheme URL should be allowed to access content from any origin. Including accessing content from other file scheme URLs. The default value is false. |
| User Agent | Sets the user-agent for the WebView. |
Data Properties
| Property | Description |
|---|---|
| URL | The URL of the website to render |
Conditional Display
You can conditionally display a component based on a given condition. Learn more about conditionally displaying components in the Conditional Display doc.
Updated 3 months ago