38 views

Description

This Article explains how to create a working Group List type Applet for Agent Mobile app.

There will be two Applets that needs to be created for grouped list to work.

  1. Group List type applet and
  2. List type applet with parameterized data item

Release or Environment

New York

Instructions

Steps to create “Grouped By List” Applet for Agent mobile app.

Below is the example for creating Group by Priority List on the Incident table:

 In the ITSM mobile Scope, go to Studio from the Application Navigator.

 

1. Create a Parameterized data item - (Data Item 1)

- Click on Data items (pop out arrow) and click "New"

- Fill in the Name and Select the Table

- Under "Parameter definition" click on plus  (+)and add a parameter

- In the condition select 'Priority' is <parameter name>

- Click "Save"

 

2. Create a List Applet with the data item created in Step 1 - (Applet 1)

- Click on "Applets" (Pop out)

- Click on "create an applet"

- Give it a Name and select "List" template

- Select the data item created in Step 1

- Under "UI Parameter" click on plus (+) and add a parameter

- Under "Screen UI parameter mapping", Map the Data item parameter (created in step 1) and the UI parameter

- Under Field configurations, select the fields for List and Form screens

- Click "Save"

 

3. Created another data item with "Group Configuration" - (Data Item 2)

- Click on Data items (pop out arrow) and click "New"

- Fill in the Name and Select the Table

- Under "Group Configuration" select group by 'Priority'

- Click "Save"

 

4. Create a Group List Applet - (Applet 2)

- Click on "Applets" (Pop out)

- Click on "create an applet"

- Give it a Name and select "Group List" template

- sys_sg_list_screen will open. click Submit

- Click on the Applet name in the "Application explorer" under Applets.

- Applet tab opens.

- Select the data item created in Step 3 and Click on "Save"

- Go back to the sys_sg_list_screen tab and click "Save"

- Notice that the Item Stream Segment is added.

-  Click through the Item Stream segment > Item Stream > Master Item

- Click on Master Item to open the form

-  Click and open the Item View

- In the Item View JSON, paste the following JSON and click "Save" 

{"Type":"ViewGroup","Margin":{"Top":0,"Bottom":0},"Orientation":"Horizontal","Alignment":"Stretch","Distribution":"Auto","Children":[{"Type":"Text","Margin":{},"Text":"PLACEHOLDER","CellId":"sys_group_by","TextColor":"#293e40","TextAlignment":"Left","MaxLines":2,"Font":{"Weight":"regular","Size":16},"Id":22123},{"Type":"Text","Margin":{"Right":8},"Text":"9999","CellId":"sys_count","TextColor":"#7d8a8c","TextAlignment":"Right","MaxLines":1,"Font":{"Weight":"regular","Size":14},"Id":22124},{"Type":"Text","Margin":{},"Width":20,"Text":"","TextColor":"#a7b0b2","TextAlignment":"Right","MaxLines":1,"Font":{"Weight":"regular","Size":14,"Name":"icomoon"},"Id":22125}],"Height":68,"Id":28090}

 

5. Create a Function (from Platform)

- Go to sys_sg_button.list

- Click on "New"

- Give it a Name

- Select Type as "Navigation"

- Select the "Destination Screen" as the Applet created in Step 2

- Select the check box for "Auto-redirection"

- Select the table and click 'Save'

- Click "New" under "Redirection destination fields"

- Select the UI parameter created in Step 2

- Select the Type as "Field" and Source field as "Priority"

- Click "Save"

 

6. Create a Function Instance

- In the Studio, open the Master Item record created in Step 4

- Click on "New" button in the "Func instances belonging to the master Item" related list

- Provide a Label,

- Select the Function created in Step 5

- Select "List item" in the Location field

- Click "Submit"

 

7. Add the Applet create in Step 4 to any Section of any Applet Launcher on Agent Mobile app

Additional Information

Create a data item for a mobile application

Configure a data item with parameters

Assign a data item with parameters to an applet

Configure a navigation function

Article Information

Last Updated:2020-11-09 20:32:45
Published:2020-04-25