Possible to restrict resizing of board items?

[pcolmer]

On our dashboard, we sometimes have board items that are intended to be a set size. If the user drags the item to be larger, the layout doesn't scale - there just isn't enough content to make use of the larger space.

Are any of the following possible?

1. Prevent resizing in the first place
2. Define upper limits on the size of a board item
3. Be notified when a board item has been resized and put it back to a sensible size

If not, any other suggestions? The content of these board items currently looks like this:

    <Grid
      gridDefinition={[
        { colspan: { default: 6 }},
        { colspan: { default: 6 } }
      ]}
    >
      <div>
          Short descriptive text here
      </div>
      <div>
          <Image
            src=URL to image of screenshot
            fill
            style={{
              objectFit: "contain",
              display: "block",
            }}
            priority
          />
      </div>
    </Grid>

I'm not sure if that could be altered, instead, to ensure that it stays the same size/shape regardless of how the board item gets resized?

[YueyingLu]

Hey @pcolmer
board does not support to disable resize or set a limited size.
It seems that you only want to keep the drag and drop behavior? In this case you can try other 3rd party dnd library.

[pcolmer]

The challenge here was that I only wanted to fix the size of certain widgets, so switching to a pure drag-and-drop solution wasn't what I needed, unfortunately.

In the end, I solved it by altering our code that creates the list of widgets so that the ones that couldn't be resized would have their size reset to the fixed size. This doesn't prevent the user from trying to resize those widgets, but the change doesn't "stick" - it gets reset. Drag and drop to move the widget still works.