Web

Web component is designed for web browsing within an app. The function is just similar to browser we use day-by-day like Safari, Chrome or Firefox.

Usage

Drag Web component to place your want to embed the website, and then set the web URL link within "Properties" session.

Action [ Created | Started | Loaded | Failed ]

Simply click the action you want to define and drag components inside.

Created:

Mostly used to define the appearance of the Web component by dragging "Set Style" inside.

Started:

It used to define action once the website start loading the content.

Example:

Popup an alert to notice user that they are redirecting to another website and please wait for the loading. The logic is showed below. ( ) is used to define the action we selected and [ ] is used to define the properties we set:

Web -> (Started) -> Alert [Title: Redirecting.., Content: You are redirecting to Youtube, please wait...]

Loaded:

It used to define action once the website content finish loading.

Example:

Makes user's phone vibrate to notice user that the website is ready to serve. The logic is showed below. ( ) is used to define the action we selected and [ ] is used to define the properties we set:

Web -> (Loaded) -> Vibrate

Failed:

It used to define action if loading is failed.

Example:

Return to previous page and alert user that website is not available recently. The logic is showed below. ( ) is used to define the action we selected and [ ] is used to define the properties we set:

Web -> (Failed) -> Back Prev Page -> (backed) -> Alert [Title: Failed, Content: Website is not 
available recently, please try later!]

Properties

Simply click a gear on the right hand corner of related "Web" component to edit the properties.

URL - There're two method for URL input which are static or dynamic. If you need to show a static website on screen, simply type in the URL of the website.

If you need to use a variable, please use with ${ } for dynamic website display.