Pane sizes are determined by a number of different values. Dimensions can be set in pixels or in ems. To switch between them, click
px in the top right corner of a pane to switch to sizing in
em, and click again to switch back. In horizontal mode if you don't set a height, a pane will automatically take the full height of the application.
Panes get automatically resizes when you select a new preset, but you can also manually change the values in the header. 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.
Using Device 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.
Read about how to create your own device presets.
Sometimes a pane might not fit on your screen. In horizontal mode, 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.
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"
Is your question not answered?
Ask via Twitter, Slack or our contact form
Building responsive websites is hard.
Polypane makes it easy.