Intro to panes
In Polypane, each viewport is called a "pane", and each pane shows the same page, with your interactions being synced across all panes. Each pane can have a different width, height, zoom level and various other properties.
The pane header
The pane header is where you can configure all the settings of that pane.
You can rename a pane, or set a different device preset by clicking the name of the pane (be default, this is "New pane").
At the right side of the pane header you will find a row of icons that let you activate all sorts of additional features and tools for each pane. From left to right these are:
- Rulers, grids, columns and row overlays
- Image overlays
- Debug tools
- Emulation settings
Below that row of icons is where you can change and update the width and height of a pane. Each pane can be resized in a number of different ways like drag and drop, using device preset or using workspaces. Read more on the Sizing panes page.
In the focus layout the Quick switcher lets you switch between the panes you have in the horizontal layout or between the CSS breakpoints.
When you click into a pane, a blue bar at the top of the pane indicates that it is the currently active pane. When a pane is active, keyboard input (like space and arrow keys) are sent to the pane rather than to the browser. To clear this, press
At the bottom of a pane we can show various buttons, though they are only visible when applicable:
At the bottom left of each panel we'll automatically show counters for console messages, warnings and errors that were emitted from that pane, so you always know which panes are sending console messages. Click these to open the console to inspect them further.
To hide them, go to the global settings in the top right corner and toggle "Show Console Stats per Pane".
Have a question about Polypane?
Contact us any time though chat, Slack or our contact form:Contact Support
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