Docs
Arrange tiles for each screen size

Tutorial

Arrange tiles for each screen size

Give your dashboard its own layout for phones, with the thermostat first and the weather station left out, while tablets and desktops keep theirs.

Takes
About 5 minutes
Steps
7
First
Add your first widgets

What you end up with

The Living room dashboard on a phone, the thermostat first and the floor lamp below it

  1. Edit the dashboard

    This tutorial starts with a Living room dashboard of four tiles in a row: the floor lamp, the weather station, the thermostat and the spots.

    Open the dashboard menu (⋯, top right) and choose Edit dashboard. Edit mode starts, and the size switch at the bottom shows Desktop, the main layout.

    The Living room dashboard with its menu open and Edit dashboard at the top

  2. Switch to Phone

    On the size switch, choose Phone. The line above the tiles says Phone follows Desktop: the canvas is as wide as a phone, and it shows your tiles in reading order: across the phone, small ones side by side.

    The size switch: Phone, Tablet and Desktop

  3. Arrange for phone

    Choose Arrange for phone. The line now says Phone · arranged, and a message says that moving and resizing tiles changes Phone only.

    Phone follows Desktop above the phone canvas, with Arrange for phone on the right

  4. Hide the weather station on Phone

    Scroll down to the weather station and point at it: a pencil shows on its corner. Choose it and then Hide on Phone. Hidden on Phone, beside the phone, now lists the weather station with Show. It’s still on Tablet and Desktop.

    The weather station's menu on the phone canvas, with Hide on Phone

  5. Put the thermostat first

    Drag the thermostat by its title up onto the floor lamp. The thermostat moves to the top, and the lamp goes below it.

    The phone canvas with an arrow from the thermostat's title up to the floor lamp

  6. Look at Tablet

    Choose Tablet on the size switch. It says Tablet follows Desktop: the four tiles, the weather station too, as on Desktop. Choose Arrange for tablet if you want it to have a layout of its own as well.

    The size switch, with Phone now arranged

  7. Finish editing

    Scroll back up and choose Done. Edit mode ends, and your window shows the dashboard as Desktop has it, with all four tiles.

    The Living room header in edit mode, with Saved and Done, and Tablet following Desktop below

  8. Each screen has its own

    Open the dashboard on your phone: the thermostat is first, the lamp below it, and the weather station isn’t there.

    The Living room on a phone: the thermostat, then the floor lamp

    On a tablet, all four tiles are there, as on Desktop.

    The Living room on a tablet: four tiles in a row

    A window under 720 px wide shows Phone, up to 1099 px Tablet, and wider Desktop. One dashboard, three layouts has the rest: tiles you add later, and Follow Desktop again.