How to configure web view in vDesigner 1?

vDesigner
,
1

What is the configurations to get the Web View on the screen.

2

@tushar.jain could you help us on this?

3

Hi,

You need to use HTML viewer from Custom elements list. You just need to provide the URL in the configuration and select the type as URL. Rest are optional parameters.
For communication between Webview and mobile app refer the below document:

4

Thanks Tushar for the answer. Would be great if from next time, you can copy paste the document text or paste the link with read access.

5

Adding the document text for completeness.
Html Viewer Element Enhancement

Purpose: To provide one way communication (webpage to flutter app) and support for saving data received from webview and performing tasks on different status of loading webpage.

Added Features and their Configuration:

  1. Saving Data Received from webview: The data from webpage need to be sent in a named callback and the same name should be provided in the “Handler Name” field to be able to save the received data at the path provided in (“Communication Data Path”) field in the configuration of Html Viewer element.

Steps for the Configuration:

  1. Provide the valid “Handler Name” set for the callback (on angular side).
  2. Provide the path in the “Communication Data Path” field at which data received from the webpage should get saved.

Result:

|591x437.27982646420827
|591x437.27982646420827719Ă—620 82.1 KB

  1. Performing tasks on different status of webpage: Support for 3 new events (onSuccess, onFailure & onCommunication) has been added to perform tasks in different scenarios whose purpose is stated below.

  2. onSuccess Event - It gets triggered when the webpage is loaded and the loaded webpage url matches with the url provided in the “Success Url” field in the configuration of Html Viewer element and executes tasks configured for this event.

  3. onFailure Event - It gets triggered when the webpage is loaded and the loaded webpage url matches with the url provided in the “Failure Url” field in the configuration of Html Viewer element and executes tasks configured for this event.

  4. onCommunication Event - It gets triggered when the webpage receives the data sent from webpage (angular side) via the configured handler name in the configuration of Html Viewer element and executes tasks configured for this event.

Steps for the Configuration:

  1. Provide the url of the webpage for which tasks of the success/failure event should get executed in the “Success/Failure Url” field when the page gets loaded.
  2. Configure tasks for the required Event.

829Ă—403 22.1 KB

861Ă—267 15.3 KB

1 Like
6

Sure, It was available for Decimal user id’s. Below link is public:

1 Like