There are for different view modes in Polypane: Horizontal, Vertical, Focus and Full and depending on your personal preferences and what you're working on right now, you might prefer one or the other. By default, Polypane shows the Horizontal mode.
You can switch between modes by clicking the Eye icon ( ). Double clicking the Eye icon will switch between the last used mode and the Horizontal mode. You can also use the View menu or shortcuts to switch between modes.
The panes in Horizontal and Vertical mode are shared, so your settings are retained between them. Focus mode has it's own pane
Horizontal mode is the default mode in Polypane and in it, all panes are shown on a horizontal plane side-by-side. You can easily scroll these by using a two finger horizontal scroll on a touch pad, shift + scroll with a regular scrollwheel or by pressing spacebar and click-to-drag.
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 horizontal modes, 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.
Vertical mode (shortcut
Vertical mode works much the same as horizontal mode, but panes wrap to the next line and you can scroll vertically to see them all. Vertical mode is useful if you want to see a ton of panes at the same time (just zoom out).
When using Vertical mode, be aware that any focus triggered in the panes (for example when navigating to a fragment) will potentially scroll the list of panes. To prevent this, turn isolate panes on.
Focus mode (shortcut
Focus mode shows a single pane centered in view, 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.
The quick switcher shows a list of buttons at the top of Focus mode, letting you to quickly switch to any of the pane sizes from the Horizontal/Vertical view, or, by clicking the toggle button, to 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 mode (shortcut
Is your question not answered?
Ask via Twitter, Slack or our contact form
Building responsive websites is hard.
Polypane makes it easy.