Repetitive dynamic layout

RE: Repetitive dynamic layout

Konduru Chaitanya — Mon, 08 Jan 2024 09:51:51 GMT

Mayurimestry Thanks for confirming what you were looking for & If you are willing please hit 'Verify answer'.

RE: Repetitive dynamic layout

Mayuri Mestry — Mon, 08 Jan 2024 09:46:06 GMT

Thank you Abhay Dalsaniya

RE: Repetitive dynamic layout

Mayuri Mestry — Mon, 08 Jan 2024 09:45:42 GMT

Thank You Konduru Chaitanya. This is what I was looking for.

RE: Repetitive dynamic layout

Abhay Dalsaniya — Thu, 04 Jan 2024 19:05:30 GMT

Repetition is achieved using forEach() function, it iterates to the list of items and do the processing for each item. The list of items cab be pulled from the DB or any other source and can be provided to forEach() for processing.

RE: Repetitive dynamic layout

Harshit Bumb (Appyzie) — Thu, 04 Jan 2024 10:19:11 GMT

I would suggest making a dedicated interface for showing the details of the items and then you can even call the entire interface in your expression using 'rule!'

RE: Repetitive dynamic layout

Konduru Chaitanya — Thu, 04 Jan 2024 10:15:45 GMT

Hello Mayurimestry,

You can simply write your expression in a!forEach(). In the Items add your product data and in the expression configure your section/card of how you are planning to display the data.

a!localVariables(
  local!products: rule!XXX_QR_getProductXXXDetails(isActive: true),
  {
    a!forEach(
      items: local!products,
      expression: {
        /*Create and expression rule for this and call it here instead of having the whole code*/
        a!cardLayout(
          shape: "ROUNDED",
          padding: "MORE",
          marginBelow: "STANDARD",
          contents: {
            a!sectionLayout(
              label: concat(
                fv!index,
                ". ",
                fv!item['recordType!{2b924bf1-5a42-XXX}XXX PCCoot XXX Detail.fields.{eb4513cb-275e-4a41-b750-XXXX}productName']
              ),
              divider: "ABOVE",
              contents: {
                a!columnsLayout(
                  columns: {
                    a!columnLayout(
                      contents: {
                        a!textField(
                          label: "SKU Code",
                          value: fv!item['recordType!{2b924bf1-5a42-XXX}XXX PCCoot XXX Detail.fields.{eb4513cb-275e-4a41-b750-XXXX}productSKU'],
                          readOnly: true
                        ),
                        a!paragraphField(
                          label: "Description",
                          value: fv!item['recordType!{2b924bf1-5a42-XXX}XXX PCCoot XXX Detail.fields.{eb4513cb-275e-4a41-b750-XXXX}productDescription'],
                          readOnly: true
                        )
                      }
                    ),
                    a!columnLayout(
                      contents: {
                        a!imageField(
                          size: "LARGE",
                          images: a!documentImage(
                            document: fv!item['recordType!{2b924bf1-5a42-XXX}XXX PCCoot XXX Detail.fields.{eb4513cb-275e-4a41-b750-XXXX}image']
                          )
                        )
                      }
                    )
                  }
                )
              }
            )
          }
        )
      }
    )
  }
)