Skip to contentSkip to footer

Layouts

There are for different layouts in Polypane: Horizontal, Vertical, Focus and Full.

You can switch between layouts by clicking the Layout icon directly right of the address bar. The panes in the horizontal and vertical layouts are shared, so your settings are retained between them. Focus layout has its own pane.

In horizontal and vertical layout, you can add as many panes as you like, and filter them should you want to. In the focus layout, you get a single pane in the center of your view. Full layout is just like a regular browser.

Horizontal (shortcut: h)

Horizontal layout

Horizontal layout is the default layout in Polypane. All panes are shown on a horizontal workspace side-by-side so you can easily compare them.

You can double click anywhere between panes to add a new pane there, and if you resize any of the panes the rest will automatically move out of the way.

In the horizontal layout, panes will automatically be cut off if they are too high, and they don't have to have a fixed height. If you want to show the entire pane, double click the zoom value to resize the pane to fit.

Horizontal scrolling

There are many different ways to scroll horizontally. Polypane has a scrollbar at the bottom of the window that you can drag around, but there are more efficient ways:

  • Holding shift while scrolling with a scroll wheel will scroll horizontally.
  • If you have a touchpad, a two finger horizontal swipe will scroll horizontally.
  • You can hold the spacebar and click to drag, like in most design tools.
  • Use the home and end keys on your keyboard to scroll all the way left or right respectively, and page up/page down to scroll by a single view.

Vertical (shortcut v)

Vertical layout

Vertical layout works much the same as horizontal layout, but panes wrap to the next line and you can scroll vertically to see them all. Vertical layout is useful if you want to see a ton of panes at the same time (just zoom out).

Apart from scrolling up and down or using the scrollbar, you can also press the spacebar and drag up and down. You can also use home and end to scroll all the way left or right respectively, and page up/page down to scoll by a single view.

Focus (shortcut f)

Focus layout

Focus layout shows a single centered pane, letting you focus on a single viewport and quickly iterate and try out different sizes.

When you try to increase the pane beyond the available width, either by choosing a preset or by dragging, Polypane will automatically zoom out the pane so it fits.

Quick switcher

The quick switcher shows a list of buttons at the top of Focus layout, letting you to quickly switch to any of the pane sizes from the horizontal/vertical view or any of the CSS breakpoints defined in the website you're currently viewing.

You can also use your left and right arrow keys to quickly switch between the sizes shown in the Quick switcher.

Full layout (shortcut b)

Full layout

Full layout takes all the space available to show a website, just like a regular browsers. It's a nice way to work on sites when you're not working on the responsive aspects, but for example on the JavaScript.

Is your question not answered?
Ask via Twitter, Slack or our contact form

Build your next project with Polypane

  • Use all features on all plans
  • On Mac, Window and Linux
  • 14-day free trial – no credit card needed
Try for freeView pricing
Polypane screenshot