Grids

Meet Miro Grids – a new widget that enables you to structure all of your board content in a matter of seconds.

Available on: browser version, Desktop App, Tablet App, Mobile App (limited functionality)

 Use grids to:

• create visual tables with widgets and text to organize your board content
• create templates for repeatable processes that look sleek and are easy to edit.

⚠️ Please make sure you're using the correct Navigation mode 

Drag the widget icon from More apps to your toolbar to access Grids quickly.

To add a grid to the board, choose it in the Apps or Toolbar and click the board in the needed place. 

Adding Grid to the board

You can choose the necessary size of the grid right on the toolbar. 

⚠️ The maximum selected grid size is 15x15.

Adding maximum size of Grid to the board

Navigation toolbar usage

There are many useful features that can help you to perform your task on Grids. Here is the description of each function:

	Add row or column
	Delete row or column
	Set cell color and opacity
	Change font
	Change font size
	Change font style
	Change text color
	Change text alignment
	Add list
	Insert link

Adding content

Add any content to a grid - a sticky note, shape, card or image. Working with the content, you can easily drag it over the grid using the auto-resize feature. 

Adding content using the auto-resize feature

⚠️ Content within Grids can't be locked and grouped.

✏️ The auto-resize feature is enabled by default. To turn it off click Cell resize > Manual when needed or using shortcut Ctrl/Cmd. To turn it on again click Cell resize > Auto.

Columns and swimlanes

There are two options to add columns and swimlanes to the grid - either by clicking the plus button on the navigation toolbar:

Adding columns and swimlanes

or by clicking the plus icons near the grid:

Adding columns and swimlanes

Drag and drop the three dots of swimlanes and columns to change their position in your grid.

Moving columns and swimlanes

To change the color of a column or a swimlane, select it by clicking the three dots and choose the color on the drop-down menu.  

Changing columns and swimlanes color

You can also change the color of a particular cell or the whole grid.

Changing the color of a particular cell and the whole grid

Working with text

To add the text, you need to double-click the cell and start typing. You can change the size, color, and position of the text. You can also create a bulleted list by clicking the button Add list.

Adding text

You can also change the formatting of the whole Grid or column.

 
Changing the formatting of the whole Grid

✏️ Every cell has a limit of 6,000 symbols. The limit includes spaces and all style changes in code, so text formatting may decrease the number of symbols you can input.

💡 Speed up your work by using the shortcuts:

• Ctrl/Cmd+B to make text bold
• Ctrl/Cmd+I to make text italic
• Ctrl/Cmd+U to underline text 
• Option+arrows to move between cells (Mac)
• Alt+arrows to move between cells (Win)

Grid text hotkeys