1. Outline
A web view is a control that allows a web browser to display a web site by embedding it inside. In the following, we will use the term "2. Development GuidanceYou can download sample programs for frequently used functions in WebView at3. Parameterssection provides a reference to the parameters to be set for the web view.
2. Development Guidance
This article introduces parameter settings that are commonly used to familiarize you with the web view. The sample projects used in the explanation can be downloaded from the following links.
2-1. Displaying the site in web view
Sets the default URL for the web view and displays that site
2-1-1. Set the initial URL in the web view to display the site
Select "Web View" from the control bar and drag it on the screen to position the web view. With the web view selected, go to Data > Contents in the Properties area and enter the URL in the Text field.
Enable Zoom function is checked and enabled by default. When enabled, two-finger zooming in and out on a smart device is possible.
2-1-2. Displaying Links in Web View
With the web view selected, go to Data > Contents in the Properties area and uncheck "Show LINK screen transitions in external browser". This setting is so by default.
When a link to an article in the web view is clicked, the page will transition within the web view.
2-1-3. Changing URLs and page transitions from outside the web view
In the text box, load the entered URL and press the "Change URL" button to move to the page.
Create a new process from the process design screen. The sample project is created as "Set 011_URL and transition".
Here, the URL listed in "Text_URL" is read and the result is set in the web view.
Select the "Change URL" button, and set "Set 011_URL and transition" created for "Execution processing" in "Object" > "Behavior setting". In this way, the transition URL can be changed dynamically.
2-2. Display links in an external browser
While using Web View, you can also use an external browser to view linked articles on the page.
Click on the Learn More link to view the page in Google chrome, an external browser, rather than in web view.
With the web view selected, go to Data > Contents in the Properties area and check the "Show LINK screen transitions in external browser" checkbox.
When you click on a link to an article in the web view, you will be taken to a page transition to an external browser.
3. Parameters
By changing the parameters, you can easily set the position and size of the web view and the WEB site to be displayed.
object
Basic information and behavior settings for the web view are set from "Objects". By making the web view inactive, it is possible to set up a web view that is only activated when the app user performs certain operations, etc.
Basic Information
| name | Enter a control name. |
|---|---|
| Size | Specify the width and height of the control. |
| position | Specify the position of the control from the left and from the top. |
| margin | Specify the margins of the control from left, right, top and bottom. |
| type | Displays the type of control. |
| style | No style can be selected for this control. |
possibility
| available | Check this box if you want to make the control available. |
|---|---|
| display | Check this box if you want to display the control. |
data
Contents
value entry
Select to enter the contents of the web view display.
| character | Enter the contents of the display. When checking multiple lines, click [Edit] to open in a separate window. You can edit it. |
|---|---|
| Enable Zoom Function | Check this box if you want to use the zoom function. |
| LINK screen transition. View in an external browser |
When the linked address is displayed in an external browser Check. Note that even if checked on iOS devices, It may be displayed in the browser inside the web view. |
form
Select this option if you want to use the table specified in the form as the destination for display content.
| Field Name | Select the field from which to retrieve the display content. |
|---|---|
| Enable Zoom Function | Check this box if you want to use the zoom function. |
| LINK screen transition. View in an external browser |
When the linked address is displayed in an external browser Check. Note that even if checked on iOS devices, It may be displayed in the browser inside the web view. |
table
Select this option if you want to use a table as the destination for display content.
| table name | Select the table from which to retrieve the display content. |
|---|---|
| Field Name | Select the field from which to retrieve the display content. |
| Enable Zoom Function | Check this box if you want to use the zoom function. |
| LINK screen transition. View in an external browser |
When the linked address is displayed in an external browser Check. Note that even if checked on iOS devices, It may be displayed in the browser inside the web view. |