liveplanner works on a phone right in your browser, with no app to install. The editor switches to a compact, touch-friendly layout on a phone-sized screen (narrower than 640 pixels, or a touch screen shorter than 500 pixels, so a phone held sideways counts too). It is great for checking where the work stands, moving a card or two, filling in a form, and following along live on the go.
The layout on a phone
The editor keeps the same parts as on a computer, fitted to the width: the plan's name and Share along the top, the work in the middle, the bottom-right controls, and the tabs along the bottom with Search and Settings as icons at the end.
- Boards show one column a screen: swipe sideways for the next. Cards are drawn at their smallest size so a column shows more of them, and the board's header leaves out its widgets to make room for the title. A card opens in a panel that rises from the bottom of the screen.
- Dashboards stack their slots one under another, in reading order, and you scroll down through them. To reorder slots, use Move Up and Move Down in a slot's settings.
- Sheets keep their grid, with a toolbar that packs its buttons tighter and folds the rest into More.
- Forms fill the width of the screen, and you build and answer them just as on a computer.
Menus open as a sheet from the bottom of the screen; drag it down to close it.
Held sideways
Turn your phone sideways and the screen gets short, so the header along the top and the tabs along the bottom fold away and the work fills the screen. To reach Share, the plan's name or your tabs, tap the small arrow button in the top-right corner, Show Header and Tabs: both bars come back, and the same button (Hide Header and Tabs) folds them away again. The Explorer needs the phone upright. Turn the phone upright and everything is back as usual.
Touch gestures
Your fingers do the work a mouse would on a computer:
- Tap a card to open it, or a button to press it.
- Drag a card to move it to another column or up and down its column. A finger on a board's empty space scrolls instead.
- Press and hold a card for half a second to open its menu (when you can edit), the touch version of a right-click.
- On a sheet, tap a cell to select it and drag to scroll. Hold a finger still on a cell until it grabs, then drag to select a range; hold and let go without moving to open the cell's menu.
- Press and hold a button that shows only an icon to see its name. Letting go does not press it.
What works differently on a phone
A phone has a small screen, no mouse pointer and usually no keyboard, so a few things work differently:
- UI Scale and the Trash button in the bottom-right corner are left out on a phone.
- Board widgets aren't shown, and a quick filter set with one on a wider screen stands down, so no cards are hidden without you seeing why.
- Keyboard shortcuts need a keyboard: without one, the on-screen controls do everything the shortcuts do. Pair a keyboard and they work as on a computer.
- Hover previews and tooltips need a hovering pointer, so on touch a tap simply applies a change.
Was this article helpful?