How to map nested list to UI element

[olhadanylova]

Hello @mohammad_altoiher,
Here’s how the nested blocks should look like:

Hope this instruction will be useful:

1. I’ve created an array similar to the array, you’ve provided, saved it to the PageData and called it myArray:

2. Added a MyArrayBlock with Dynamic List Behaviour for that array (yellow one):

3. Added a MajorBlock inside the MyArrayBlock (blue one). This block doesn’t have any additional logic and used only for grouping major array elements.
4. Added Text components in the MajorBlock for x and y elements to represent x and y properties:

5. Added the MinorArrayBlock with Dynamic List Behaviour for the ar property (green one):

6. Added the MinorItemBlock (violet one). This block doesn’t have any additional logic and used only for grouping minor array elements.
7. Added Text components in the MinorItemBlock for e and f elements to represent x and y properties:

The result is MajorBlock with 2 major objects (blue), that have MinorArrayBlock(green) with 2 minor elements (violet) for each major element.

Regards,
Olha