All Collections
Doc basics
Align page content in columns
Align page content in columns

Use page columns to arrange canvas content side by side

Updated over a week ago

Tables in Coda are amazing and powerful, but sometimes you just need a quick side-by-side layout for text or images. Now, you can use the page layout features to do just that. Any content in Coda can be arranged into columns, so dream big!

Within this article you’ll find...

Create columns

In your doc's canvas, hover over your content and click on the vertical three dots in the upper left corner. Then, hold and drag the content alongside another object.

create columns page layout.gif

Alternatively, you can quickly create columns by using the slash command. Just type /columns into the canvas. Then choose from two, three, or four columns. Note that you can create up to four side-by-side columns.

You can even have multiple objects per column. To do so, just grab the content you'd like to add (using the vertical three dots as outlined above), and drag it into an existing column.

Resize columns

Not everything needs to be the same size! Hover over the line separator between your columns, and use the sizing lever to increase or decrease size of a column. The content will then automatically adjust in size.

resize page layout columns.gif

Select and rearrange columns

You can select a column by hovering over it, then clicking the horizontal bar that appears above your content. To rearrange a column, just hold and drag it by that horizontal bar to the desired position. Blue lines will appear to indicate where the content will be placed.

Insert and delete columns

To insert an additional column, hovering over the column and right-click on the horizontal bar above it to open the menu. Then select either Insert before or Insert after.

page layout column insert menu.gif

Alternatively, you can select Delete to delete the column. Note that deleting the column will also delete any content within that column. If you don’t want the content to be deleted, move it out of the column before deleting.


What type of content can be put into page columns?

Any content that can exist on the canvas - including tables, buttons, callouts, text, videos - can be put in side-by-side columns.

How do I create more than 4 page columns?

Currently, you can only create up to four side-by-side columns on a page.

Related resources

Did this answer your question?