Currently working on formio with angular 17. What I'm trying to achieve is that, make sure that I have some sort of a drag-drop validation.
For example; If a user happen to start dragging, lets stay, a 'Panel' component and drop it into another 'Panel' component, I would like to intercept it and not allow to user to do that action.
As far as I conclude that, formio is using dragula for managing drag and drop futures.
I have the following HTML side:
Options is currently empty and default.
On top of this, I went through the event object and manage to find dragula.
And the dragula instance is as follows;
First question is, is it possible to intercept and intervene the behavior of drag and drop in such way ? If yes, how may I achieve this goal.
Example:
Following screenshot has 2 panel components. As the 2nd panel component dropped in the first component, I would like to get the event(addComponent) and check if the parent component is a panel component as well, if yes, I would like to prevent the user to perform this addComponent event and revert it.
Any help would be appreciated, thank you in advance.
Currently working on formio with angular 17. What I'm trying to achieve is that, make sure that I have some sort of a drag-drop validation.
For example; If a user happen to start dragging, lets stay, a 'Panel' component and drop it into another 'Panel' component, I would like to intercept it and not allow to user to do that action. As far as I conclude that, formio is using dragula for managing drag and drop futures.
I have the following HTML side:
Options is currently empty and default.
On top of this, I went through the event object and manage to find dragula.
And the dragula instance is as follows;
First question is, is it possible to intercept and intervene the behavior of drag and drop in such way ? If yes, how may I achieve this goal.
Example: Following screenshot has 2 panel components. As the 2nd panel component dropped in the first component, I would like to get the event(addComponent) and check if the parent component is a panel component as well, if yes, I would like to prevent the user to perform this addComponent event and revert it.
Any help would be appreciated, thank you in advance.