Column Layout, Fix One Column Not Scrollable

RE: Column Layout, Fix One Column Not Scrollable

naveen.h — Thu, 14 Mar 2024 08:48:56 GMT

An example of how this could be used

{
  a!paneLayout(
    panes: {
      a!pane(
        contents: {
            a!forEach(
                enumerate(12),
                a!textField(
                  label: "Field "&fv!item
                )
            )
        }
      ),
      a!pane(
        contents: {
          a!textField(
            label: "Text",
            labelPosition: "ABOVE",
            saveInto: {},
            refreshAfter: "UNFOCUS",
            validations: {}
          )
        },
        width: "NARROW"
      )
    }
  )
}

RE: Column Layout, Fix One Column Not Scrollable

naveen.h — Thu, 14 Mar 2024 08:45:32 GMT

UPDATE: In 24.1, the new Pane Layout component is meant to address precisely this kind of a scenario. You can have your data in one pane and the list of links in a second pane. Both will scroll independently if they exceed the size of the screen.

RE: Column Layout, Fix One Column Not Scrollable

Jake — Thu, 01 Oct 2020 18:48:41 GMT

This is great! Could use an EXTRA_TALL height.

RE: Column Layout, Fix One Column Not Scrollable

Danny Verb — Thu, 01 Oct 2020 18:44:31 GMT

{
  a!columnsLayout(
    columns: {
      a!columnLayout(
        contents: {
          a!cardLayout(
            contents: {
              a!forEach(
                enumerate(12),
                a!textField(
                  label: "Field "&fv!item
                )
              )
            },
            height: "TALL",
            style: "NONE",
            showBorder: false,
            marginBelow: "STANDARD"
          )
        }
      ),
      a!columnLayout(
        contents: {
          a!textField(
            label: "Text",
            labelPosition: "ABOVE",
            saveInto: {},
            refreshAfter: "UNFOCUS",
            validations: {}
          )
        },
        width: "NARROW"
      )
    }
  )
}

RE: Column Layout, Fix One Column Not Scrollable

Danny Verb — Thu, 01 Oct 2020 18:42:01 GMT

Using a!cardLayout() with a fixed height will cause the contents to be scrollable. You can also hide the border of the card.

docs.appian.com/.../card_layout.html