Progress® Telerik® UI for Blazor Feedback Portal
Back to Feed
Request a Feature Report a Bug
Unplanned
Last Updated: 30 Jun 2023 08:44 by Matias
Steven
Created on: 01 Jun 2022 15:55
Category: TileLayout
Type: Feature Request
8
Ability to prevent reorder / resize of specific tile

I want to prevent an individual TileLayoutItem from being resized or reordered when Reorderable and Resizable are enabled on component level.

===

ADMIN EDIT:

Here is a possible workaround - prevent pointer events for the tile that should not be resized and reordered. Note that users may still be able to push the "disabled" tile to a new place by reordering the other tiles.

<TelerikTileLayout Columns="3"
                   RowHeight="150px"
                   Resizable="true"
                   Reorderable="true">
    <TileLayoutItems>
        <TileLayoutItem HeaderText="Tile 1">
            <Content>Regular-sized first tile.</Content>
        </TileLayoutItem>
        <TileLayoutItem HeaderText="Tile 2">
            <Content>You can put components in the tiles too.</Content>
        </TileLayoutItem>
        <TileLayoutItem HeaderText="Tile 3" RowSpan="3" Class="disabled-tile">
            <Content>No resizing and no reordering</Content>
        </TileLayoutItem>
        <TileLayoutItem HeaderText="Tile 4" RowSpan="2" ColSpan="2">
            <Content>This tile is two rows tall and two columns wide</Content>
        </TileLayoutItem>
    </TileLayoutItems>
</TelerikTileLayout>

<style>
    .disabled-tile {
        pointer-events: none;
    }
</style>

1 comment
Matias
Posted on: 30 Jun 2023 08:44
+1

This seems like a very important feature if you want to have 1 "admin" tile that should always keep a certain position.
Create an account Log In
View
Type
Status
Category