How to configure elements in list in vDesigner1.0?

vDesigner
1

How to configure elements in list in vDesigner1.0?

3 Likes
2
  • Add new Screen for LIST VIEW

Now, you have to create a new screen with the name e.g. USER LISTS.

Click the Add screen button, enter values as follows:
-Header: Enter the name of your screen - USER LIST.
-Create Action Id: Here you can bind the task:

  1. API Integration: click Parameter’s Mapping, and the Data Connect dialog box opens. In the Search API box , Select the name of API(For ex: -Api_get_entity) that you want to integrate.

In Request Parameters,
-Name: entity
-Source Type: Choose FIXED
-Value: Users

Response Parameters,
-API Name: Select the Api_get_entity from drop down.
-Name: records
-Absolute JSON path: $.TEMP_OBJ.DETAILS

  1. Refresh Task: You can apply this task to refresh a specific control or a group of different controls. In the Refresh dialog box, perform the following functions:

-Control: Click this list and then select the USER LIST to refresh after the Refresh task executes.click Save to successfully configure the Refresh task.

  1. Save Task: You can use this task to virtually store the data values in the JSON data format after the user enters the respective data values in text boxes on a specific form.Click the Save task, and the Save dialog box opens.In the Task dialog box, click Save to successfully configure the task.
  • Now,Add element into a Screen

Adding a ListView Element for showing the list:

On the left navigation pane, click Custom, the Custom menu expands.Click the ListView element, and the ListView dialog box opens.

-Label: Enter label of the text field. → User List
-Listview control Definition form: Select Your list from the drop down. → User list
-Absolute JSON path: enter the absolute json path. → $.TEMP_OBJ.DETAILS[*]
-Listview Height percentage: Enter the Listview height % of screen → 100
-Is Visible: Click Yes if you want to make the element visible after the app displays
the form.
-Listview Orientation: VERTICAL
-Search Allowed: Click Yes if you want to show the search box visible in your form.
Click on SAVE.

Now if i want to show list into card:

  • ** Binding Users List on Card**

After you successfully Configure a List. Now you can Bind that List on Card. In the right navigation panel, Click on the Card you want to configure the list into.

In the card:

-Action Type: Choose Perform User Defined Action for configuring the action that the user can perform on the card.

-User Defined Action:

  1. On the Card Definition Form dialog box, click Create Action, and the
    Task dialog box opens.
  2. In the Search by task box, enter Form ID, and the Form id task appears.
  3. Click the Form id task, and the Form Id dialog box opens.
  4. In the Form Id dialog box, see the Navigation Form Id box.
  5. Click in the Navigation Form id box, and a list of existing forms expands.
  6. see the form by its form ID & Name and then select it → USER LIST
  7. After you select the form, click Save to configure the form id.

Click on save.

3 Likes