You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
The text was updated successfully, but these errors were encountered:
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.
The text was updated successfully, but these errors were encountered: