# Resizing

## Content



DashboardLayout allows you to resize the tiles at runtime. The resizing behavior for the tiles differ for different layouts. You can resize any tile with the help of double-header arrow, which appears when you select the tile and place your cursor at the bottom right corner of the tile. The different behaviors for different layouts are discussed below.

### Resizing in Flow Layout

On resizing a specific tile, other tiles rearrange themselves maintaining the flow direction.<br /><br />![](https://cdn.mescius.io/document-site-files/images/9b6a6cfe-b8e8-42e9-8a04-da6cb7762977/images/flowresize.gif)

### Resizing in Auto Grid Layout

On resizing a specific tile, it spans the adjacent column or row depending on whether the width/height of the tiles are increased respectively.<br /><br />![](https://cdn.mescius.io/document-site-files/images/9b6a6cfe-b8e8-42e9-8a04-da6cb7762977/images/resizegrid.gif)

### Resizing in Manual Grid Layout

On resizing a specific tile, it spans the adjacent column or row depending on whether the width/height of the tiles are increased respectively.<br /><br />![](https://cdn.mescius.io/document-site-files/images/9b6a6cfe-b8e8-42e9-8a04-da6cb7762977/images/resizemanual.gif)

### Resizing in Split Layout

On hovering mouse over the split line, a resizing handle appears over the bar which can be used to resize the tiles at runtime.<br /><br />![](https://cdn.mescius.io/document-site-files/images/9b6a6cfe-b8e8-42e9-8a04-da6cb7762977/images/resizesplit.gif)

By default, in the DashboardLayout control resizing is enabled. However, in case you want to disable resizing of tiles, you can make use of [AllowResize](/componentone/api/mvc/online-mvc-core/dotnet-api/C1.AspNetCore.Mvc/C1.Web.Mvc.DashboardLayout.AllowResize.html) property provided by the [DashboardLayout](/componentone/api/mvc/online-mvc-core/dotnet-api/C1.AspNetCore.Mvc/C1.Web.Mvc.DashboardLayout.html) class.

```html
allow-resize="false"
```