Some websites may not appear when previewing your app on the web. You may need to Live Test the app on a device, or download and install the app, to see your web page.
Properties
Web Viewer
Property
Description
Data Type
URL
Set initial URL to be displayed in the Web Viewer. URL should begin with HTTPS://. Can also type in the name of a HTML file that has been uploaded to the project to display in the Web Viewer.
URL
Advanced Properties
Property
Description
Data Type
Geolocation Enabled (Android only)
Select if you want to enable geolocation functionality for Android apps.
True/False
Layout
Property
Description
Data Type
X
Location of top left corner of Web Viewer on X-axis, where the left hand side is X=0
Number
Y
Location of top left corner of Web Viewer on Y-axis, where the top side is Y=0
Number
Height
Height of Web Viewer in pixels
Number
Width
Width of Web Viewer in pixels
Number
Resize Mode
Define dimensions of the Web Viewer component/container
Select from list [Stretch, Float in Place]
Style
Property
Description
Data Type
Visible
Toggle whether your end users can see the Web Viewer
True/False
Border Style
Set whether border style is solid, dotted or dashed (only visible if border width > 0)
Select from list [solid, dotted, dashed]
Border Color
Color of border (only visible if border width > 0)
Color
Border Width
Width of border around Web Viewer in pixels
Number
Border Radius
Radius of corners of border on Web Viewer in degrees
Number
Shadow Color
Color of Web Viewer's shadow
Color
Shadow Opacity
Opacity of Web Viewer's shadow
Number between 0 and 100
Shadow Radius
Radius of corners of Web Viewer's shadow in pixels
Number
Shadow Offset
How far Web Viewer's shadow should be offset, in height and width, in pixels
Number
Blocks
Post Message/Receive Message
If you own the website being displayed in your Web Viewer, you can send and receive messages between your website and the Web Viewer using Javascript.
You can see examples of sending/receiving messages and get further setup instructions here.
See Also
You may also find the Web API component useful for sending/receiving information between your app and a website.
Events
Receives Message
Fires when the Web Viewer receives a message from the web page it's displaying. Returns message output. This is a piece of text that contains the message that was returned.
Functions
Reload
Reload the Web Viewer.
Back
Go back to the previous page visited.
Forward
Move forward to the next page in your browser history.
Post Message
Post a message.
Value from Post
Returns any message that was received after calling the Post Message function.
Properties
Computed Height
Returns the on-screen dimensions of the web viewer, after it has been rendered on-screen.
The value returned is an integer, representing the size of the Web Viewer in pixels.
Computed Width
Returns the on-screen dimensions of the web viewer, after it has been rendered on-screen.
The value returned is an integer, representing the size of the Web Viewer in pixels.
Visible
Show or hide the Web Viewer.
URL
Change the web address that is displayed in the web viewer. Use HTTPS:// URLs with this block.