Buttons List

Modified on Tue, 9 Sep at 4:31 PM

The Buttons List block allows you to add a single one or multiple buttons. A button can link out to a file or a webpage. You can arrange the buttons into rows of 1, 2, 3, or 4 and align them to the left, center, or right.

Add A Buttons List Block

  1. Insert a new block
    1. Add a new block
    2. Search for Buttons List
    3. Click on the Buttons List block icon

How Many Across?
The point of the button list is that it's a grid. you set a single width and all the buttons in a row are the same height. 1 , 2, 3, 4 is how many buttons you want to fit across in a row before a new row is started.

Adding Buttons

Add Button at the end of block

  1. Set the number of buttons you want in each row (you can change this at any time)
  2. Click on Add A Button
  3. Type in the Label
  4. Choose the Link Type
  5. Insert the File or Webpage link

Add Button Between Buttons

  1. Hover over the line between the two buttons you want to add a new button
  2. Click on the plus sign
  3. Add Button information

Putting Content In The Button

Each button has fields for a label as well as where it's being linked. Unlike the other button blocks, this has the option to select that you are linking to a file and it will let you select the file from the media library directly, rather than getting that document url separately.


Removing Buttons

  1. Hover over the row of the button you want to remove
  2. On the right, click on the minus sign
  3. Click on Remove

Collapsing Button Information

You can collapse the buttons information to only see the Label of each button. This is useful for when you just want to see the buttons you have and for when you are rearranging buttons.

  1. Hover over the top line of the button information you want to collapse
  2. Click on the arrow on the left

Reordering Buttons

  1. Hover over the numbers on the left of the rows. A 4-arrow mouse will appear
  2. Drag and drop the button to a new location


Buttons Properties

The first icon allows you to select the group that the Buttons List block is in. If the Buttons List block is not in a Group block then this icon will not appear

The Drag Tool

You can drag the Buttons List block anywhere on the page.

The Up/Down Arrow tool

You can move the Buttons List block up or down once at a time.

Change Alignment tool

You can align the block to the left, center, or right.

Situations Where You Want One Of The Other 2 button block options

The button list is a gridded option we created custom to resolve 2 issues not addressed by other button options:

1. Multiple buttons in one row being of equal height regardless of content.

2. Buttons not otherwise directly connecting to the media library, which button list does.

However, if you just want a simple, small button or two, then the "buttons" block is fine. Also if you want/need to have icons in your buttons, then buttons (adv) is currently the only button option that supports that.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article