MixSurface
← All guides
How to

Make a layout fit a phone, a tablet and both orientations

Needs the unlock · Updated

A plugin template or Control View page is one long layout. MixSurface splits it into pages that fit the screen you are on, and repacks it when you rotate. Usually that is all you need. To arrange a screen size by hand, edit on that device and orientation, and MixSurface keeps a layout for that width. Templates and Control View are part of the one-time unlock.

  1. Hold the device the way you will use it, portrait or landscape.
  2. Tap Edit. The pill in the corner shows the orientation and the screen width, for example PORTRAIT · 744. It is a readout, not a switch.
  3. Arrange the controls for this screen and tap Done. The layout is saved for this orientation and width. A larger screen with no layout of its own uses the closest one saved at or below its width.
  4. To see every size you saved, tap the gear next to the pill (Manage saved sizes). The Saved sizes sheet lists them; delete one you no longer need.
  5. To hand the current size back to the automatic layout, tap the refresh icon next to the pill and confirm Reset.
  6. To change how you move between pages, open Settings, then Control View, and set Page navigation to Dots (swipe) or Tabs (tap).

Every saved size shares the same controls and bindings. Only positions and sizes differ. A control added on one size is placed automatically on the others until you arrange it there.

If it doesn’t work

  • An AUTO-FIT tag shows on the page. Some controls were moved to fit this screen. Tap it to see the size it was made at, then arrange and save on this device to keep your own layout.
  • There is no gear or refresh icon. They only appear once a size has a saved layout of its own.
  • The page has more pages than on your tablet. A smaller screen splits the same layout into more pages. Nothing is hidden.