Master/Detail using Collapsible + ListItem

[Ricardo Roque]

Dear Appery.io team, could you give me any direction on this:

Goal: A page that recreate a physical form consisting of customers opinions.
01 DB with 03 Collections: Form, Section, Item. A Form contains many Sections that contain many Items.
Intention: I want to create a single page that shows the Form information on top, then represents each Section using a CollapsibleUI and inside each one the Items using ListItemUI.

Form Representation:

'--- Date, Name, Location, Customer Name, etc.
'
+--- Section: 01 - Service (collapsible)
'------ Item: Fast...? (listitem)
'------ Item: .... (listitem)
+--- Section: 02 - Bathrooms (collapsible)
'------ Item: Clean...? (listitem)
'------ Item: ... (listitem)
'------ Item: ... (listitem)
'--- Section: etc.
'------ Item: etc.

I'd like to know if it is possible to do that using the actual Appery.io features or if I need to write specific JS code. I already know how to get the sections, but I need to know how to retrieve the items for each one.

Many thanks for any hint!

[Kateryna Grynko]

Hi Ricardo,

Yes, you can do this.

[Ricardo Roque]

I didn't understand you answer. Can you point any doc or tutorial?

Original question:

"I'd like to know if it is possible to do that using the actual Appery.io features or if I need to write specific JS code. I already know how to get the sections, but I need to know how to retrieve the items for each one."

[Maryna Brodina]

Hello! Just mapping won't help here. You need to write specific JS code.

[Ricardo Roque]

Sure. Many thanks, now I've a got a direction.