This article describes how to configure the web view component and each of its properties.
The web view component allows you to display web content within a Squirrel project. This could be a website, a Google map, or even another Squirrel project!
Select web view from the containers category of the component library. Move the mouse cursor over the canvas, and click to add a web view component to your project:
Web View Properties
There are two property drawers, a WEB VIEW PROPERTIES drawer and a DYNAMIC VISIBILITY drawer. This guide will not describe the dynamic visibility properties as these are generic to each visible component, a separate guide and tutorial on dynamic visibility can be found here.
The web view property settings of the web view are described below:
URL – In the property field enter the address of the website to be displayed. Type or paste the URL into the property field, or bind to a cell in the spreadsheet that contains the web address:
- The website will load in the web view component. If it doesn’t, see the note below and check it meets the criteria for display.
- Responsive web content will display according to the size of the web view component; the default width of 400 px will most likely show the mobile version of a website, at wider widths tablet or desktop versions will be shown.
Connect to External Parameters – Check this option to pass data to a Squirrel project shown in the web view component. (See the External Parameters description to find out more.)
Enable Scrollbars – If the web content is larger than the web view component, click the Enable scrollbars option in the properties panel. Scrollbars will be added automatically to the vertical and/or horizontal depending on the direction of the overflow.
For more information about using the web view component in your projects take a look at these two blog articles Web View Part 1: Embedding web content and Web View Part 2: How to embed one Squirrel project within another.