COMBINEZ

Anyone here???

All of the topics in support have been replied except ONLY this one.

Form Link

I have sent the link above. After using this code as MU-Plugin, Now I chosen the phone number field as International Format.. Now it’s not automatically putting the + sign in between the number like earlier. BUT the still form is not being submitted. It gives the same error. Below is the screenshot of error and above I have sent the link of booking form directly.

Screenshot

• This reply was modified 2 years ago by COMBINEZ.

I’m waiting here. Please do update me once the issue is fixed. It’s critical as we have Car Rental Booking form working on our website..

Update..

This was the whole css I had to apply to override some style conflicts and now all seems working perfectly..

.forminator-field div.selector{
	overflow: initial;
}
.forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2+.forminator-select{
	position:absolute;
	top:0;
}

.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2+.forminator-select, .forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2+.forminator-select {
    min-width: 100%;
    max-width: 100%;
    display: block;
    text-align: left;
    position: absolute;
    left: 0;
}

.forminator-ui#forminator-module-1027.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    width: 10px !important;
}
.forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2+.forminator-select .selection {
    padding-right: 0px;
}

.forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2+.forminator-select {
    padding-right: 0px;
}
 .forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2+.forminator-select .selection span[role=combobox].select2-selection--single .select2-selection__arrow {
	 display:none !important;
}

Okay just an updated.

After playing around and inspecting a lot, I have applied the below CSS.

.forminator-field div.selector{
	overflow: initial;
}
.forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2+.forminator-select{
	position:absolute;
	top:0;
}

You’re requested to visit the form page again. I’m still experiencing issues with css and displays and trying to solve it and will update here once it is solved too.

Hi,
It didn’t work.

Here is the link to my current activated theme as well as it’s child theme.

Themes ZIP

Waiting your earliest response and I thank you very much indeed in advance.

It is working on Twenty-TwentyOne but not on my theme “BookYourTravel”

Can you help me solve it? I don’t know what’s conflicting. I tried my best but failed..

Here’s an example, If I press “Tab” button to go to any dropdown field, it shows some weird design and clicking on it will open the dropdown..

But directly neither it will show that weird design nor it will open dropdown..

Please help me fix this ASAP. Thank You!

Great! Perfect.
Thanks so much. It works perfectly as needed!

Hi
I have put it off, please check it ASAP and let me know. THANKS

Hi,
I have added CSS classes to the radio fields.

Please visit the page and see.

Here’s the page: https://synseo.de/audit-form/

Below is the code:

<!-- Next Step -->
<script>
(function($) {

    $(document).ready(function() {
        setTimeout(function() {
            $('.forminator-custom-form').trigger('after.load.forminator');
        }, 100);

        $(document).on('after.load.forminator', function(e, form_id) {

            var next_button        = document.querySelector('.forminator-button-next'),
                click_event        = new CustomEvent('change_evt'),
                clickable_elements = document.querySelectorAll('.next-on-click .forminator-radio-label'),
                radios = document.querySelectorAll('.next-on-click input[type="radio"]');

            clickable_elements.forEach(
                clickable_element => {
                    clickable_element.addEventListener('click', wpmudev_clickables_event_callback)
                }
            )

            function wpmudev_clickables_event_callback() {
                if (typeof(next_button) != 'undefined' && next_button != null) {

                    radios .forEach(radio => {
                        radios .addEventListener('change', wpmudev_change_evt_callback)
                    })
                }
            }

            function wpmudev_change_evt_callback(e) {
                if (e.currentTarget.checked) {
                    next_button.click();
                }
            }

        });

    });

});
</script>

Okay I saw the issue was not the view of form, it was submitting. My mistake.

I checked. The console shows the same error as THIS TOPIC

Try as suggested by forminator team there and see if it works?

Hi, can you send the link of the page you’re experiencing issue with?
By default, it should work. I just checked and the text area breaks the line by default when pressing the enter key.

You need to check if your SMTP is working properly.
I have had issues for my clients for like 2-3 websites. I suggest you use any SMTP Plugin (WP Mail SMTP) recommended.

Just install the plugin, set your SMTP settings and give submission a try, it should work.

I can see your form just fine…