Web View
Add live web content to your User Interface (UI) with a Web View element.
Read time 1 minuteLast updated 21 days ago
Use the Web View element to display live web content inside your User Interface (UI). This element lets you include dashboards, documentation, forms, maps, videos, and other web tools directly in your app. This can help you create a more integrated user experience because it allows users to access important web resources without leaving your app. For example, you can use the Web View element to display:
- a product analytics dashboard
- a Google Map for directions
- a YouTube video
- an internal wiki page
The Web View element's components
The Web View element automatically contains the following components:Component | Description |
|---|---|
| UI Transform | Use to position and resize the Web View element in edit mode. |
| Image | Only use this visual placeholder to visualize the Web View in edit mode. You don't need to change any of its properties because the changes aren't reflected in Play mode. |
| Web View | Renders the web content you specify in the URL property. |
Important
The Web View element always appears in front of all other UI elements in Play mode. Ensure other UI elements aren't covered by the Web View if you want them to remain visible and interactive. Web View component's property
The following property is available for you to customize in the Web View element's Inspector window:Property | Description |
|---|---|
| URL | The web address to display on your Canvas. When possible, it's recommended to use the website's embed URL format. Examples:
|
Warning
If the <website's name> refused to connect