Tag: Columns

How to: Add or remove columns on a page in SharePoint

Marcel

Source: https://support.office.com/en-us/article/Add-or-remove-columns-on-a-page-fc491eb4-f733-4825-8fe2-e1ed80bd0899

Add or remove columns on a page

You can add columns to sections within pages. To show content side-by-side, you can add up to three columns to each section. Vertically, you can have multiple sections with varying numbers of columns.

Add a section with columns to a page

  1. Go to the page where you want to add columns.
  2. If you’re not in edit mode already, click Edit at the top right of the page.
  3. Hover your mouse below the title area of the page, or above or below an existing web part, and you’ll see a line with a circled +, like this:

    Plus sign for adding web parts to a page

  4. Click Circled plus sign used to add a modern web part to a page .
  5. Under Section layout, select the number of columns you want.

    Section layout

Add or remove columns in an existing section

NOTE: When you have content in two or more columns, and then reduce the number of columns, the content in the right most column will move to the next column on the left. If you reduce to one column, content in the second or third columns will move to the bottom of the first column.

  1. Go to the page where you want to add columns.
  2. If you’re not in edit mode already, click Edit at the top right of the page.
  3. Each section of a page is marked with a dotted line. In the section you want to add columns to, click Edit section on the left side of the page.

    Edit section

  4. In the Section toolbox on the right side, choose the number and type of columns you want.

    Section layout pane

Add content to a column

  1. If you’re not in edit mode already, click Edit at the top right of the page.
  2. Go to the column where you want to add content.
  3. Hover your mouse over the column and click Circled plus sign used to add a modern web part to a page .
  4. Select the web part you want to add to the column, and then add your content to the web part. Learn about using web parts.