2 Issues Form Builder - Forum | JoomShaper
Staff replied SP Page Builder

2 Issues Form Builder

Asked by Massimiliano 2 years ago Last activity 2 years ago

Hello,
i am facing 2 issues with form builder:

1- Email field is required, but the warning message appear immediately when user start to write the firs letter:
https://prnt.sc/g4yk7OiWKCbs
Obviusly shouln't be like that.

2- Radio button does't work. It is impossible to select. Now i changed with select field, but would be usefull if you can solve the issue.

6 replies

Massimiliano Asked this

i added the form page...

Ofi Khan Staff

Hello Massimiliano

I have commented out this CSS from your custom.css file. Please check the radio button now.

.form-builder-checkbox-item input:checked + label::before, .form-builder-radio-item input:checked + label::before, .sppb-addon-form-builder .sppb-form-check-input:checked + label::before {
  background: transparent;
}
.form-builder-checkbox-item label::before, .form-builder-radio-item label::before, .sppb-addon-form-builder .sppb-form-check-label::before {
  border: 2px solid #fff;
}

The email field acts like this. You start typing and it starts checking the requirement. This is default HTML input type email behavior. I do not have any idea on how to change it.

Best regards

Massimiliano Asked this

Hello,
i am not agree about the email html field. It's a bug of sp page builder. You can check all the other sites on internet on different platform or just html and you will see the email field works properly, also if it is required.

I added an example on hidden content.

The control should be after i change a click Send button or when i change field, not when i write the first letter.

This started to happen with the latest sp pagebuilder updates.

Please fix the issue.

Thanks

Ofi Khan Staff

You have to edit on this file to change the checking on on submit.

components/com_sppagebuilder/assets/js/sppagebuilder.js

Here the code checks on every key press

https://prnt.sc/mNnD1XZnRqlx

You have to change it so that it only checks when the form is submitted.

Sorry, we do not provide customization support and can't help you further.

Massimiliano Asked this

Hi,
don't you think you should fix this problem in the next release?
This is not normal html behavior, but an incorrect setting of the email field control.

Thanks

Ofi Khan Staff

This is not a problem. I agree that this is not default HTML form behavior. You can always use the default HTML form in a Raw HTML addon. We have modified it in the form builder and have kept it checking on each key press. Users are also satisfied with this feature. There is not a single request to change this behavior other than you. Sorry, it will not be changed.

Log in to reply.