How to Open a Web URL in vDesigner 2 App

vDesigner 2.0
, ,
1

Has anyone encountered challenges integrating dynamic content from external sources into the vDesigner 2 app using the Open Web task? If so, how did you overcome them, and what strategies did you find most effective?

would be great if someone could provide step by step guide for same

Thanks in advance

2

How to Open a Web URL in vDesigner 2 App

Introduction:

The “Open Web” task in vDesigner 2 allows you to display screen and data in a separate web browser or within the mobile app itself. Below are the steps to configure this task effectively.

Steps to Configure:

  1. Access Event Configuration Page:

    • Navigate to the Event Configuration page in vDesigner 2.

  2. Locate the Task Panel:

    • On the Event Configuration page, find the Task panel.

  3. Add Open Web Task:

    • In the Task panel, search for and find the Open Web task.
    • Drag the Open Web task from the Task panel to the Execution panel.

  4. Configure Properties:

    • Under Open Web, a group of boxes appears. Configure different properties as follows:

    • Reference Name:

      • Enter the name of the task. You can also change the system-generated reference name if needed. (Mandatory)

    • Open In:

      • Select the browser type to display the data:
        • Web Browser: Display data in a standard web browser (e.g., Google Chrome).
        • Web View: Display data in an embedded web component within the mobile app itself. This option is based on the Android platform. (Optional)

    • Enter URL:

      • Configure the URL string that the application will access to display the content.
        • Defining URL Manually:
          1. Click in the Enter URL box, and a smart selector expands.
          2. Follow the provided steps to manually enter the URL string.
        • Selecting an Attribute:
          1. Click in the Enter URL box, and a smart selector expands.
          2. Enter the attribute’s name that contains the URL string.
          3. Select the attribute. (Mandatory)

    • Input Parameters:

      • Configure query parameters in the URL string.
        • Follow the provided steps to add query parameters manually or by selecting an entity. (Mandatory)

    • Business Rule (Optional):

      • Configure a business rule to determine the execution of the Open Web task based on user actions.

  5. Save Configuration:

    • After configuring the related properties, click Save to finalize the Open Web task setup.

Explanation of Web Browser vs. Web View:

  • Web Browser:

    • This option displays data in a standard web browser, such as Google Chrome. It opens a separate browser window outside the app.
    • Use this option when you want to provide a full browsing experience with features like bookmarks, navigation controls, and extensions.

  • Web View:

    • Web View displays data in an embedded web component within the mobile app itself. This option is typically based on the Android platform.
    • Use Web View when you want to integrate web content seamlessly within your app, maintaining the app’s look and feel while providing web-based functionality.
1 Like