The Loop: For Each Page action let's you loop through large arrays one page at a time.

Unlike the **Loop: For Each Item** which applies an action per item in the array, the Paged Array executes actions for each page of data in the array.

In this example, we'll create an array with 6 items. We'll set the page size to 2. This means we'll have 3 pages of data with each page containing 2 items. You can think of this paged array like the following:

Untitled

Step 1 - Creating an Array

Like the previous section, we need to create an array that contains 6 items in it.

  1. Select Manage Properties then Edit an Array Property:

Untitled

  1. Select the Edit an Array Property action and set the following properties:
    1. Type of change: push
    2. Items Property: dialog.ids
    3. Value: 1

Untitled

  1. Repeat the process 5 more times but set the value property to "2", "3", "4","5", "6" for the additional instances of the Edit an Array Property actions. The designer canvas in UI Builder will now resemble the following: