How to align and distribute a "grid" of buttons

Jun 08, 2016

Hello.  I am wondering if there is a quick and easy way to align and/or distribute a large group of buttons? (right now I only know group rows and columns, to align middle, align center, then distribute vertically and horizontally.)

Is there a better way than all of this grouping and ungrouping?  See attached for example. 

3 Replies
Nicole Legault

Hey Michelle!

Thanks for posting your question here in the E-Learning Heroes forums. I've had to do that exact same thing myself in many projects ... 

One thing you can consider is applying a gridlines to your slide, which you can do under the View tab on the Storyline ribbon. If you click on the small arrow icon in the bottom right corner of the "Show" section under the View tab it brings up a properties window where you can adjust the settings of the gridlines. You can then use the gridlines to line up your objects on the slide. That is one option..

What I do however is a bit longer, I grab each column, one at a time, and distribute them evenly vertically and align them on the left. Then I grab each row one at a time and distribute them evenly horizontally and align them along the top. This spaces them all out evenly from each other. Sorry there's no faster way that I am aware of! However, you don't need to group the shapes to do this FYI, just need to have them all selected at the same time.

Brenda Tyedmers

I'd add...because my backgrounds sometimes make it hard to see the grid,
I'll often draw some custom lines that are the right colour and spacing on
either my base layer or a separate layer. When I preview I just either hide
that layer, or make them invisible on the timeline. It helps a lot when
working with many layers where I want things to line up a certain way.

This discussion is closed. You can start a new discussion or contact Articulate Support.