BeforeRemove event

[chuckvincent]

Description: Is there a way to add an event before the removal of a field that could stop the removal based on some logic. Similar to the onremove User Event, but I can not find a way to stop the removal once this event is fired.

Environment Details:

• formBuilder Version:
• Browser:
• OS:

Expected Behavior

Actual Behavior

Steps to Reproduce

Screenshot - (optional)

[lucasnetau]

That's a useful feature request.

In the mean time you could try attaching an event handler to the delete button click event and prevent it bubbling up to the stages handler in formBuilder

$('.delete-confim').on('click', e => {
    e.stopImmediatePropagation();
...

[chuckvincent]

Thanks for the hint, but I am using a function to create the form so I am unable the register an event handler when the page loads for a class that does not exist. I am NOT a JS expert, is there a way around this?

[buttle]

Hi,

That's a useful feature request.

Very useful indeed. :)

Thanks.

[buttle]

I was unable to make e.stopImmediatePropagation() work unfortunately.

As a work around, this seems to do the trick :)

    formBuilder.promise.then(function(fb) {
      $('.stage-wrap').find('.delete-confirm').each(function() {
        let title = $(this).prop('title'); // i18n string
        let $btn = $(`<a class="btn del-button formbuilder-icon-cancel custom-delete-btn" title="${title}" />`)
        $(this).replaceWith($btn)
        $btn.closest('.form-field').on('click', '.custom-delete-btn', function() {
          if (/*logic here*/) {
            let field_id = $(this).closest('.form-field').prop('id')
            fb.actions.removeField(field_id);
          }
        });
      });
    });