Polypane

Pane sizes

Pane sizes are determined by a number of different values. You can set the width and height in pixels, or, by clicking px in the top right corner of a pane, switch to sizing in em. If you don't set a height, a pane will automatically take the full height.

Sometimes a pane might not fit on your screen. If this is the case, the height of a pane is capped at the available height of your screen and your provided height will be ignored. If you want to have the entire pane visible, you can use the zoom value (left of the width) to zoom out. Double clicking this value will automatically zoom the pane out to show the given height.

All values can also be easily changed by using the up and down keys when editing them. pixels will increment/ decrement by 10, em's by 1 and zoom by 0.05

Apart from manually entering numbers, you can also drag-to-resize panes. When hovering over the bottom or right edge of a pane, your cursor will change and a blue area will appear by which you can drag to resize the pane, either horizontally or vertically. In the bottom right corner a dot will appear that lets you resize both dimensions at once.

When resizing, keep shift pressed to maintain a pane's aspect ratio.

Rotating panes

To rotate a pane (to go from portrait to landscape or the other way around), click the rotate icon next to the width and height. You can only rotate panes that have a width and a height defined.

To rotate all panes, press alt+R or go to the view menu and click "Rotate all panes"

Presets

When creating a pane, or when clicking on its title, an overlay will appear with a number of common devices You can select one of these by clicking on them, or by using the arrow keys to select the one you want. Polypane will know when your current pane is in landscape or portrait mode, and for devices that support it, will automatically set the dimensions in the same orientation as your current pane.

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

Build high quality websites in half the time

Start your free 14 day trial
Polypane screenshot
By using our site you agree to our privacy policy and disclaimer