ASP.NET MVC Controls | ComponentOne
Working with Controls / DashboardLayout / Work with DashboardLayout / Resizing
In This Topic
    Resizing
    In This Topic

    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.

    Showing resizing in the flow layout of the DashboardLayout control

    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.

    Showing resizing in the auto grid layout of the DashboardLayout control

    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.

    Showing resizing in the manual grid layout of the DashboardLayout control

    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.

    Showing resizing in the split layout of the DashboardLayout control

    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 property provided by the DashboardLayout class.

    Razor
    Copy Code
    // Restricts resizing of tiles
    .AllowResize(false)