Forum | Appery.io

I have a MobileList which I want to look like this:

[divider] Category 1

• Item 1

• Item 2

• Item 3
  [divider] Category 2

• Item 4

• Item 5

• Item 6

  I have designed it like this:
  [divider] Category 1

• Item 1
  [divider] Category 2

• Item 4

  I have the two categories returned via two separate REST calls. I mapped call 1 to Item 1, and call 2 to Item 4. The two calls work well, but the result looks like this because the service mapping adds each element to the bottom of the list:
  [divider] Category 1
  [divider] Category 2

• Item 1

• Item 2

• Item 3

• Item 4

• Item 5

• Item 6

  Is there a way to maintain the position of the header elements in the list?

Hi Alex,

Can you post screenshot of your mapping?

First image showing what the list looks like in design view, with the two dividers and list elements:

This is how I have them mapped. Note I changed the REST call to a single service to see if that would help, can be changed back if neccesary. As you can see I am mapping the Board Members array over one of the items and the General Members over the other.

This is what it looks like after the service has run:

Not sure if the "Answered" status means the problem is considered "solved", but still having issues.

Thanks,
Alex

We are still looking into this...

Hello! Mapping object which returns objects array to mobilelist element is obligatory and assignment fields of this array (object in array is up to you). In your case you want to map two arrays to one mobilelist - it's not correct. So you should map two mobilelists

MobileList_1
[divider] Category 1
Item 1
MobileList_2
[divider] Category 2

where Item 1 - item for MobileList_2
Map ,jardMembers to MobileList_1 and generalMembers to MobileList_2

The problem then is that the search bar will only search one mobile list.

I can return all members in the one array, but there is no way to put the second divider in the middle. If there was an option in the mapping (like the count and visible elements) to convert a list element to a divider I could also make this work.

Hi Alex,

The problem is reported. An only solution is to create two mobilelist components as Marina advised.