Create a nested list to display

4 replies
23 views

How can we create a rich text display menu as showing in the attached format having sub list too.

Brainy

{
  a!richTextDisplayField(
    labelPosition: "COLLAPSED",
    value: {
      a!richTextBulletedList(
        items: {
          "Item 1",
          a!richTextListItem(
            text: "Item 2",
            nestedList: a!richTextBulletedList(
              items: {"a", "b"}
            )
          ),
          a!richTextListItem(
            text: "Item 3",
            nestedList: a!richTextBulletedList(
              items: {"c", "d"}
            )
          ),
          "Item 4"
        }
      )
    }
  )
}

stefanhelzle0001Answer

Brainy

{
  a!richTextDisplayField(
    labelPosition: "COLLAPSED",
    value: {
      a!richTextBulletedList(
        items: {
          "Item 1",
          a!richTextListItem(
            text: "Item 2",
            nestedList: a!richTextBulletedList(
              items: {"a", "b"}
            )
          ),
          a!richTextListItem(
            text: "Item 3",
            nestedList: a!richTextBulletedList(
              items: {"c", "d"}
            )
          ),
          "Item 4"
        }
      )
    }
  )
}

omj2851Author

Known Participant

Hi [mention:a11f77a729fb4db2af76b09948583328:e9ed411860ed4f2ba0265705b8793d05]

thanks so much. very close to my AC but my requirement for this code is under a foreach loop.

So i shared the updated code provided by you as per my secnario & what error i got while implementing the same.

{
a!richTextDisplayField(
labelPosition: "COLLAPSED",
value: {
a!richTextBulletedList(
items: a!forEach(
items: {
"Item1",
a!richTextListItem(
text: "item2",
nestedList: a!richTextBulletedList(items: { "a", "b" })
),
a!richTextListItem(
text: "Item 3",
nestedList: a!richTextBulletedList(items: { "c", "d" })
),
"Item 4"
},
expression: a!richTextItem(text: fv!item)
)
)
}
)
}

shivar8114

Inspiring

Hi [mention:67d3e8c7ee954087ae38b3a86b2789c3:e9ed411860ed4f2ba0265705b8793d05]

Please Use the below code which is matching your scenario

{
a!richTextDisplayField(
labelPosition: "COLLAPSED",
value: {
a!richTextBulletedList(
items: a!forEach(
items: {
"Item1",
a!richTextListItem(
text: "item2",
nestedList: a!richTextBulletedList(items: { "a", "b" })
),
a!richTextListItem(
text: "Item 3",
nestedList: a!richTextBulletedList(items: { "c", "d" })
),
"Item 4"
},
expression: fv!item
)
)
}
)
}

Sign up

Login with SSO

Login to the community

Login with SSO