Collapse

RE: Collapse

deeptis0004 — Thu, 05 Oct 2023 18:42:07 GMT

That's why I did not insert here

RE: Collapse

deeptis0004 — Thu, 05 Oct 2023 18:41:20 GMT

Thank you stefen

But I can not share my code.

RE: Collapse

deeptis0004 — Thu, 05 Oct 2023 18:39:02 GMT

Thank you Rishikesh I was exactly looking like this.

RE: Collapse

Stefan Helzle — Thu, 05 Oct 2023 13:29:16 GMT

RE: Collapse

Rishikesh Raj — Thu, 05 Oct 2023 13:17:14 GMT

As we know cardlayout don't have collapsable property as that of boxLayout. But as per your requirement you can try below code, feel free to modify according to you. This is a custom collapsable cardlayout.

a!localVariables(
  local!isOpen: true,
  {
    a!cardLayout(
      contents: a!cardLayout(
        contents: {
          a!sideBySideLayout(
            items: {
              a!sideBySideItem(
                item: a!richTextDisplayField(
                  labelPosition: "COLLAPSED",
                  value: {
                    a!richTextItem(text: "Attachments", size: "MEDIUM")
                  }
                )
              ),
              a!sideBySideItem(
                item: a!buttonArrayLayout(
                  buttons: {
                    a!buttonWidget(
                      icon: if(
                        local!isOpen,
                        "angle-down-bold",
                        "angle-right-bold"
                      ),
                      saveInto: a!save(local!isOpen, not(local!isOpen)),
                      size: "SMALL",
                      style: "LINK"
                    )
                  },
                  align: "END",
                  marginAbove: "NONE",
                  marginBelow: "NONE"
                ),
                width: "MINIMIZE"
              )
            },
            alignVertical: "MIDDLE"
          )
        },
        style: "STANDARD",
        showBorder: false,
        showShadow: false,
        decorativeBarPosition: "END",
        decorativeBarColor: "#F0F0F0"
      ),
      style: "STANDARD",
      padding: "NONE",
      marginBelow: if(local!isOpen, "NONE", "STANDARD"),
      showShadow: true,
      decorativeBarPosition: "TOP",
      decorativeBarColor: "ACCENT"
    ),
    a!columnsLayout(
      columns: {
        a!columnLayout(width: "EXTRA_NARROW"),
        a!columnLayout(
          contents: {
            a!cardLayout(
              contents: a!richTextDisplayField(
                value: a!richTextBulletedList(
                  items: a!richTextListItem(
                    text: {
                      a!richTextItem(text: "Document 1"),
                      char(10),
                      char(10),
                      a!richTextItem(text: "Document 2"),
                      char(10),
                      char(10),
                      a!richTextItem(text: "Document 3")
                    }
                  )
                )
              ),
              padding: "NONE",
              showBorder: false,
              showShadow: false,
              decorativeBarPosition: "START",
              decorativeBarColor: "ACCENT"
            )
          }
        )
      },
      showWhen: local!isOpen,
      marginBelow: "STANDARD"
    )
  }
)

RE: Collapse

Stefan Helzle — Wed, 04 Oct 2023 19:20:19 GMT

.................,,,,,,,,,,,,,,,,,,,, :-)

RE: Collapse

Mike Schmitt — Wed, 04 Oct 2023 19:10:07 GMT

[quote userid="59361" url="~/discussions/f/user-interface/30222/collapse/120145#120145"]we need way more details.[/quote]

and... like... maybe just a smidge of punctuation?

RE: Collapse

Stefan Helzle — Wed, 04 Oct 2023 18:59:44 GMT

I am not sure I understand what you want to achieve, but you can hide and shoe any component based on any logic. That should allow you to implement what you are looking for.

For more tips, we need way more details.