Column and button array layout width change

Question

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...

Yogi Patel · Accepted Answer

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"
 )
 }
 )
 }
 )
}

Soma · Answer

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

Column and button array layout width change

Top Replies