Drag and Drop
Powered By GitBook
Web Viewer
Display websites in your app

Web Viewer Overview

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

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
Visible
Set whether the Web Viewer is visible
True/False

Style

Property
Description
Data Type
Border Width
Width of border around Web Viewer in pixels
Number
Border Radius
Radius of corners of border on Web Viewer in degrees
Number
Border Color
Color of border (only visible if border width > 0)
Color
Border Style
Set whether border style is solid, dotted or dashed (only visible if border width > 0)
Select from menu

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.
Last modified 1mo ago