Step 17: Add buttons in a nested grid (tutorial)
In this step, we'll add Add and Remove buttons to this form.
Drag a Button item to the green drop zone next to the grid, but press and hold the Ctrl key as you drop it. This inserts the button inside a nested Bootstrap grid. This is necessary to vertically stack both of our buttons beside our remove_memberships grid item.
Tip
If we don't hold Ctrl to create a nested grid, it won't be possible to place a second button below the first one.
Set the button's properties as follows:
button text: Add
column width parent: 2
fit column: yes
icon right: angle-right
margin trbl: __3_
Drag and drop another button below the Add button, and set its properties as follows:
button text: Remove
fit column: yes
icon left: angle-left
We'll click Save to save our progress so far.