Skip to main content
saitoy6477
September 12, 2024
Solved

Column and button array layout width change

  • September 12, 2024
  • 6 replies
  • 1 view

Hi all, 

I am a beginner of Appian and I am required to change alignment of button...

Two button is in a column each other and the button was created by "Button Array layout".

As the screenshot below, "search" and "save" button is far, so I want to change the width of column and button array layout a little bit ... to make the interface better.

May I know how to change the width of column and button array layout?

Regarding the width of column, I would like to change only the last two column width a little bit...

Best answer by yogip3177

You can add multiple buttons within the same buttonArrayLayout. No need to create separate buttonArrayLayouts.

{
  a!columnsLayout(
    columns: {
      a!columnLayout(
        contents: {
          a!buttonArrayLayout(
            buttons: {
              a!buttonWidget(label: "Button", style: "OUTLINE"),
              a!buttonWidget(label: "Button", style: "OUTLINE")
            },
            align: "START",
            marginBelow: "NONE"
          )
        }
      )
    }
  )
}

6 replies

somasundaram.d
September 12, 2024

You can remove the column layouts and use both the buttons in a single button array layout, modify the align parameter as start, center or end as per your need.

You can also use "button layout" to club the buttons as primary or secondary

saitoy6477
September 12, 2024

thank you! I will try!

kumara0180
September 12, 2024
saitoy6477
September 12, 2024

thank you! I will try!

yogip3177Answer
September 12, 2024

You can add multiple buttons within the same buttonArrayLayout. No need to create separate buttonArrayLayouts.

{
  a!columnsLayout(
    columns: {
      a!columnLayout(
        contents: {
          a!buttonArrayLayout(
            buttons: {
              a!buttonWidget(label: "Button", style: "OUTLINE"),
              a!buttonWidget(label: "Button", style: "OUTLINE")
            },
            align: "START",
            marginBelow: "NONE"
          )
        }
      )
    }
  )
}

prasantap0900
September 12, 2024

Please keep two buttons under the one button Array Layout.