Report and page layout

Use report and layout settings to adjust page size, configure navigation, change layout grid settings, and change the order in which report-level components appear.

You can customize individual pages in the report by changing their size and background color.

In this article:

• View mode settings
• Canvas Size
• Snap To
• View grid
• Grid Settings
• Report-level component position
• Current page settings

Report layout

To customize layout for the whole report:

1. Edit your report.
2. In the toolbar, click Theme and layout.
3. On the right, select LAYOUT.

You can also use the View menu to change some of the following settings.

View mode settings

These settings are in effect when the report is in view mode.

Header visibility

The header visibility settings control the behavior of the report header in view mode. The header contains things like the report title, the share button, and edit button.

• Always show—the report header is always visible.
• Auto hide—the report header appears briefly, then is hidden. Hover your mouse over the header area to redisplay it.
• Initially hidden—the report header is hidden until you hover your mouse over the header area.

Navigation type

The navigation type settings control how the pagination controls appear in your report.

• Left. Pages appear in a collapsible drawer in the left margin of your report.
• Tab. Pages appear as tabbed links at the top of the report.
• Top Left. Pages appear in a drop-down menu above the report.
• Hidden. No page navigation is displayed.

Learn more about adding pages and report navigation.

Respect report theme

Turn this on to have the page navigation background and text colors appear in a style that matches your theme.

Tip: For dark themes (for example, Constellation, Lagoon, Simple Dark) uncheck Has margin to create an unbroken, "app-like" appearance.

Display mode

The display mode settings govern how your report fits in the browser window.

• When Fit to width is enabled, if the canvas is smaller than the browser window, Looker Studio scales the report canvas and its components to the width of the window.

• When Actual size is enabled, regardless of browser window size, Looker Studio displays the report components at their actual size.

• When Has margin is enabled, Looker Studio shows a margin area surrounding the report. Hiding the margin makes the report appear to occupy the entire window.

Canvas Size

The canvas size settings control the width and height of your report on the screen. Select a preset size or enter custom display dimensions. Preset sizes include:

• US Letter (4:3) - Portrait
• US Letter (4:3) - Landscape
• Screen (16:9) - Portrait
• Screen (16:9) - Landscape

Custom canvas size

You can set the canvas size from a minimum of 10px by 10px to a maximum of 2000px wide by 10,000px high.

Note: you can override the report canvas size for individual pages. If you are currently on a page with its own canvas size, you won't see canvas size changes made on the LAYOUT tab until you navigate away from the current page.

Snap To

The snap to settings can help you layout the components of your report.

Smart guides display colored lines to help you align, resize, and space the selected components:

• Align components: while moving a component, a red line appears to show when it is aligned with other components on the canvas.

• Resize components: while resizing a component, blue lines appear to show when that component is the same length or width as other components on the canvas, and the current size in pixels is also shown.

• Space components: while moving one or more components, blue lines appear when those components are spaced equally with other components on the canvas.

Grid aligns the selected components to the visible grid on the report canvas.

Grid Settings

To display or hide the grid on the report canvas, use the View > View grid menu.

The minimum canvas grid size is 10 px. You can adjust this with the Grid Settings settings. Increasing the grid size makes it easier to layout your charts, controls, and other components.

• Size sets the height and width of the grid squares.
• Padding adds space within the grid squares. Use this to separate components in adjacent squares.
• Horizontal offset sets left and right margins on the edges of your report. Use a positive number for left offset. Use a negative number for the right offset.
• Vertical offset sets top and bottom margins on the edges of your report. Use a positive number for top offset. Use a negative number for the bottom offset. Use this to provide space for headers and footers.

Changing grid settings has no effect on components already on the page. It only applies to new components you add, or to components that you move.

When you place a new component on the canvas that can fit into one or more grid squares, the component "snaps" in position and fills the grid, making it easy to size and line up new components in rows and columns. ("Fill the square" behavior begins with a grid size of 15 px or greater.)

See the report grid in action in this sample report.

Report-level component position

This option determines how report-level components interact with other components on the page.

• Top positions report-level components in front of all other components (similar to using the Arrange > Order > Bring to front menu).
• Bottom positions report-level components behind all other components (similar to using the Arrange > Order > Send to back menu).

Current page settings

To customize an individual page in the report, follow these steps:

1. Edit your report.
2. Navigate to that page.
3. In the menus, select Page > Current page settings, then on the right, select STYLE.

Page

Select a background color for the current page.

Canvas Size

By default, the canvas size for each page in your report is set to Auto, which means it inherits the canvas size from the report's Layout settings. You can change the canvas size for the current page to a preset or custom size.