OVERVIEW:
- The 'Pop Search and Select' activity allows you to show the results grid in a custom popup inside Oracle Service Cloud and perform search & select operations. In the PopFlow Studio, you can configure the 'Pop Search and Select' activity.
- After opening 'Pop Search and select' activity, you will get the below configuration panel.
Default Configuration Parameters:
...
- Select the 'Pop Search and select' activity from 'Activity Sidebar'.
- Click on 'Pop Search and select' activity to open and configure the 'Set Interaction Data' activity.
- Once the Activity is opened now fill the Defaults required fields i.e. 'Title', 'Data Source' and 'Save Results In'.
- To select the 'Data Source' value we need to have either 'HTTPS' or 'GET DATA' activity result.
- In this example, we will be using 'HTTPS' activity to fetch the data from the API and show the result in 'Pop Search and Select'. To configure the 'HTTPS' activity please refer to the 'HTTPS' activity documents.
- After configuration of 'HTTPS' activity adds a 'Pop Search and Select' activity on the 'SUCCESS' button of 'HTTPS' activity as shown below.
- Now configure the Default fields 'Pop Search and Select' activity as shown below.
SearchesData Sources:
- You can add the multiple searches in the selected 'Data Source' to view the different data lists or make a search on the different data from the list and lists and also you can select which column you want to show for selected 'Data Source'.
- After selecting the 'Data Source'. You can add multiple 'Search Options' by clicking on the 'Search OptionsSearches' button.
- After clicking on the 'Search OptionSearches' you will get a search panel to configure the search. Enter the search name inside the 'Search Name' field.
- Select the search button option "Filter in data Data Source" if you want the search result faster. This will search in selected 'Data Source'.
- Select the search button option "Filter Search in new Data Source".This will make a search in the 'Database' if some new value is updated then it will also return that get the updated value also. To achieve this search you need to add the same activity with the same configuration on the Search Button whose 'Data Source' you are using for the search.
- For example, suppose you are using the 'HTTPS' activity result 'Save Result In' variable inside the 'Pop Search and Select' activity as a Data Source.
...
Step 1: - Select the 'HTTPS' activity 'Save Result In' variable from the option options as Data Source inside the 'Pop Search and Select' as shown below.
Step 2:- Now create the search for the selected Data Source by clicking on the 'Search OptionsSearches' button. Select the "Search in new data Source" option to achieve the server-side searching.
Step 3: - Enter the 'Search Name' and the 'Property' values (search property) inside the 'Enter Property' field. Property values should be the same as a Column Name. For example:- Suppose we have an object as shown below:-
{
"id": 1,
"name": "Leanne Graham",
"username": "Bret",
"email": "Sincere@april.biz",
"address": {
"street": "Kulas Light",
"suite": "Apt. 556",
"city": "Gwenborough",
"zipcode": "92998-3874",
"geo": {
"lat": "-37.3159",
"lng": "81.1496"
}
},
}
You can select any values from the above Object. For example we can select "id" , "name" , "username" , "address.city".
Note: If you select Property values which are not present in the 'Object' then it will not return the search result.fields.
step 4: After creating the search you will notice there is a button created with the same name as 'Search Name' (For this example 'Customer Search' is the 'Search Name') on the designer page under the 'Pop Search and Select' activity.
...
Step 5:-- Now add the 'HTTPS' activity on the 'CUSTOMER SEARCH' button to achieve the server-side searching. The 'HTTPS' activity should have the same configuration as whose result is 'Save Result In' variable is selected as a 'Data Source' for the 'CUSTOMER SEARCH' Search inside the 'Pop Search and Select'.
Steps 6:- 'Save Results In' variable name of 'HTTPS' activity should be the same as Parent HTTP activity.
Steps 7:- Click on the 'ADD QUERY CONDITION' to add the query parameters. After creating the query parameter you will get the two fields 'Property' and 'Enter Value'.In the Property field provide the correct 'column name' on which you want to apply the search and in 'Enter Value' press ' Opening curly bracket' (" { ") to open the autocomplete list. Once the list is opened select the 'Search' option as shown below.
Note: You can add the values manually if search option is not showing. ex- {search.customer_search.name}
Steps 8:- After selecting the search now press the dot button (" . ") to open the searches created in the Pop Search and Select activity as shown below.
Steps 9:-Select the correct search name from the list and again press the dot button (" . ") to open the search fields options created inside the search name as shown below.
Steps 10:- Select the correct search field name for the 'Property' values. After selecting the search field press the 'Closing curly bracket' (" } ") button. You can add multiple query options according to your searches.
- You can add multiple search fields by clicking on the 'Add Search Fields' text as shown below. After clicking on it, It will add a panel with 'Search by' and 'Display Name (Optional)' fields.
...