Layouts

hc: layouts hero
In this Article

Create an organized layout for your tasks, goals, journal, or anything else you might track in a Notion database 🔨


Layouts let you customize the way properties are organized in your database pages. With layouts, you can make pages in one database look distinct from pages in another database, depending on their use. For example, pages in your database for weekly marketing reports can be built to look very different from your database for team tasks.

Layouts also help you keep your database pages clean and easy to navigate, especially when you’re working with lots of properties. You can bring certain properties to the forefront while keeping others out of sight, all depending on what’s most important to you and your team.

Note:

  • To build a database page layout, you must have at least Can edit access to the database.

  • A page layout will apply to all pages in the database. Layouts can’t be applied only to specific pages or specific views.

There are a few ways to build a layout:

  • Open a page in a database, then hover over the name of the page and select Customize layout. The layout builder will be populated with your page’s contents so you can see how each change you make impacts your existing properties.

  • Open the database as a full page (not inline), and select ••• at the top of your database → Customize {your database name}Customize page layout. Use the page preview toggle under the database name to see how your layout changes will look for any page in the database.

You’ll see a few components in this layout builder:

  • A Heading with the name of your page and room to pin specific properties

  • A main page area containing a Property group with your database properties

  • A details panel on the right side

  • Some Page settings

To customize your Heading:

  1. Click on the Heading. You’ll see a list of your database properties to the right of the screen.

  2. Under Unpinned properties, click 📌 next to a property to pin it. You can pin up to four properties.

  3. If you want to create new properties that you want pinned, click Add a property under Pinned properties.

  4. You can also choose not to Show backlinks. Learn more about backlinks here →

Your main page area is the space underneath your page’s heading. It’s a large area ideal for storing properties with lots of information in them, like sub-items or text properties. Your Property group will be displayed here by default, but you can move it to your details panel on the side, or create new modules in your main page to highlight specific properties.

Your Property group shows you the properties of your database page and can be displayed in the main page or in the details panel. Each layout has one Property group.

All of your properties are displayed here to start, but when you pin a property to your Heading or move a property into its own module in the main page or the details panel, it will no longer be shown in your Property group.

To customize your Property group:

  1. Click on the Property group. You’ll see a list of your database properties to the right of the screen.

  2. You can show or hide specific properties by clicking 👁️ next to them.

  3. You can organize your properties by clicking Add section at the top of your Property group settings. If you only have one section, all the properties in your Property group will fall under that section.

  4. Create as many sections as you’d like, and give each section a name. When you have more than one section, you can drag properties into a section to organize them.

You can also edit a property from directly inside the layout builder by clicking on its name in the property group settings.

The details panel on the right side of your database page can be opened and closed. To customize the details panel:

  1. Click Add to panel.

  2. You can create a new property to display here, or select an existing property.

  3. You can also display the Property group or any other module you’ve created here.

To adjust your Page settings:

  1. In the layout builder view, click on the settings button next to your database’s name at the top of the page.

  2. You can decide if you’d like inline comments on your page to be displayed as they are by Default (with the comment visible alongside the commenter’s profile photo), or displayed in a Minimal way (with only the number of comments showing, which you can click to expand).

  3. You can decide if you’d like your page discussions, or comments that are added at the page level, to be Expanded (with all comments showing) or Off (not showing).

  4. You can choose not to Show property icons so that only your property names will be visible in pages.

Once you’re done customizing your layout, click Apply to all pages at the top. Every page in your database will have the same layout, and new pages you create will also have that layout.

You can also reset a layout, meaning your database pages will look the way they did before any layouts were applied. To do this, open the dropdown next to Apply to all pages and select Reset to original page layout. No properties will be deleted.

When you open a database page with a custom layout, you can open and close the details panel by selecting View details at the top of the page.

You can highlight specific properties as their own modules in your database page. To do this:

  1. Click + in your main page or details panel.

  2. You can create a new property to display here, or select an existing property.

It’s easy to move different parts of your layout around to fit your needs. To do so, you can either:

  • Click and drag a module to your desired location.

  • Click ••• at the top of a module and select Move up, Move down, Move to panel, or Move to page.

To remove a module from the layout, click ••• at the top of the section and select Remove from layout.

Note:

  • You can’t move or remove a page’s Heading.

  • You can’t remove the Property group.

  • Some properties, like Relation, can’t be moved to the details panel.


Give Feedback

Was this resource helpful?


Powered by Fruition