asked on June 27, 2024
Hello,
Is it possible to lock a row in the pivot to prevent a user from moving it? For example, in the screenshot preventing a user from removing "Country" from the first value in the rows but then allowing the user to add any additional fields to the rows.
Thanks,
Brian
⋅ June 27, 2024
Hello, Brian!
Thank you for your question.
Yes, it is possible to prevent a specific field from moving inside the field list and in the grid, making it locked to a certain position. This can be done by disabling pointer events via CSS using the selector by aria-label attribute:
.fm-fields-view [aria-label="Category"] {
pointer-events: none !important;
}
This way, the "Category" field will become non-interactable, locking it in the position predefined in the slice. Additionally, you can set the dragging grid option as false to prevent changing the row and column order from the grid.
You are welcome to check the example: https://jsfiddle.net/flexmonster/jx294uLa/
Please let us know if this solution works for you.
Best Regards,
Maksym
⋅ July 1, 2024
Maksym,
This worked great, thank you!
⋅ July 3, 2024
Hello, Brian!
Thank you for your feedback.
We are glad to hear that the suggested solution worked for you.
Please let us know if more questions arise.
Best Regards,
Maksym
