Field Group problems

Hi @wp_con

Sorry to hear you are having this issue.

Can you please export your form https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#import-export and share it using pastebin.com or Google driver?

Best Regards
Patrick Freitas

Hi Patrick,

You can find the export here.
Maybe small thing are changed since before the weekend, but that can’t be much.

Thank you!
Con

Hi @wp_con

I tested your form and all seems to work fine. The issue here is that you have your group fields empty and no fields added inside. The background, border you see is a default design for the group field box. In short, all the fields you have in this form are not inside those group fields.

Kind Regards,
Kris

That is VERY strange… And I discovered why (and it’s worse than I thought ??

I placed the items in the corresponding field groups like this:

The result when I load the form is this:
(yes I pressed “update”! )

But when I go back the the form settings, and press F5 to reload, I get this:

The fields are taken out of the group again…
So the problem is maybe even more serious than I thought ??
I made this screenrecording to prove this:
https://kantoorenomgeving.nl/files/EditFormReload.mp4

Any Ideas?

Hi @wp_con,

Hope this message finds you well.

After importing the form to my site, and reproducing the same as on your video, I was able to reproduce the issue.

In such case, we reported this to our Second Line Support, once we get a reply from them we will back to you in this thread.

Best regards,
Laura

Thanks, I am eager to learn what they think of it.
I am glad you could reproduce the problem, so it can be fixed.

Hello @wp_con ,

Please try this version of the form:

{"type":"form","data":{"fields":[{"id":"checkbox-1","element_id":"checkbox-1","form_id":"wrapper-5920-2549","parent_group":"group-2","type":"checkbox","cols":"3","required":"","field_label":"Bureaus","placeholder":"","value_type":"checkbox","options":[{"label":"Standaard verstelbaar bureau","value":"Standaard-verstelbaar-bureau","error":"","image":"https:\/\/kantoorenomgeving.nl\/wp-content\/uploads\/StandaardBureau160x80.png","image_filename":"","calculation":"295","default":""},{"label":"Elektrisch zit-sta bureau","value":"Elektrisch-zit-sta-bureau","error":"","image":"https:\/\/kantoorenomgeving.nl\/wp-content\/uploads\/ZitStaBureau160x80.png","image_filename":"","calculation":"425","default":""}],"wrapper_id":"wrapper-5920-2549","options_bulk_editor":"Standaard verstelbaar bureau;Standaard-verstelbaar-bureau; 0; https:\/\/kantoorenomgeving.nl\/wp-content\/uploads\/StandaardBureau160x80.png\nElektrisch zit-sta bureau;Elektrisch-zit-sta-bureau; 0; https:\/\/kantoorenomgeving.nl\/wp-content\/uploads\/ZitStaBureau160x80.png","options_expanded":"1","enable_images":"1","calculations":"true","conditions":[],"bulk_edit":"","layout":"vertical","description":"Selecteer maximaal \u00e9\u00e9n van onderstaande opties"},{"id":"radio-3","element_id":"radio-3","form_id":"wrapper-5920-2549","parent_group":"group-2","type":"radio","options":[{"label":"Maat: 140 x 80 cm","value":"Maat:-140-x-80-cm","key":"2714-9351","error":"","default":"1","calculation":"0"},{"label":"Maat: 160 x 80 cm","value":"Maat:-160-x-80-cm","key":"7835-8950","error":"","default":"","calculation":"30"},{"label":"Maat: 180 x 80 cm","value":"Maat:-180-x-80-cm","limit":"","default":"","key":"7201-1696","error":"","calculation":"60"}],"cols":"3","conditions":[{"element_id":"checkbox-1","rule":"is_not","value":""}],"wrapper_id":"wrapper-5920-2549","hidden_behavior":"zero","value_type":"radio","field_label":"Maat","layout":"vertical","options_bulk_editor":"Maat: 140 x 80 cm;Maat:-140-x-80-cm; 1\nMaat: 160 x 80 cm;Maat:-160-x-80-cm; 0\nMaat: 180 x 80 cm;Maat:-180-x-80-cm; 0","options_expanded":"1","calculations":"true"},{"id":"radio-1","element_id":"radio-1","form_id":"wrapper-5920-2549","parent_group":"group-2","type":"radio","options":[{"label":"Wit","value":"Wit","key":"9947-4604","error":"","image":"https:\/\/kantoorenomgeving.nl\/wp-content\/uploads\/Wit.png","image_filename":"","default":"1"},{"label":"Aluminium grijs","value":"Aluminium-grijs","key":"5101-3454","error":"","image":"https:\/\/kantoorenomgeving.nl\/wp-content\/uploads\/LichtEiken.png","image_filename":"","default":""}],"cols":"3","conditions":[{"element_id":"checkbox-1","rule":"is_not","value":""}],"wrapper_id":"wrapper-5920-2549","hidden_behavior":"zero","value_type":"radio","field_label":"Kleurkeuze frame","layout":"vertical","options_bulk_editor":"Wit;Wit; 1; https:\/\/kantoorenomgeving.nl\/wp-content\/uploads\/Wit.png\nAluminium grijs;Aluminium-grijs; 0; https:\/\/kantoorenomgeving.nl\/wp-content\/uploads\/LichtEiken.png","enable_images":"1","options_expanded":"1","required":""},{"id":"radio-2","element_id":"radio-2","form_id":"wrapper-5920-2549","parent_group":"group-2","type":"radio","options":[{"label":"Wit","value":"Wit","key":"9947-4604","error":"","image":"https:\/\/kantoorenomgeving.nl\/wp-content\/uploads\/Wit.png","image_filename":"","default":"1"},{"label":"Licht Eiken","value":"Licht-Eiken","key":"5101-3454","error":"","image":"https:\/\/kantoorenomgeving.nl\/wp-content\/uploads\/LichtEiken.png","image_filename":"","default":""},{"label":"Donker Eiken","value":"Donker-Eiken","limit":"","default":"","key":"2928-3010","error":"","image":"https:\/\/kantoorenomgeving.nl\/wp-content\/uploads\/DonkerEiken.png","image_filename":""},{"label":"Eiken Grof","value":"Eiken-Grof","limit":"","default":"","key":"1380-1514","error":"","image":"https:\/\/kantoorenomgeving.nl\/wp-content\/uploads\/EikenGrof.png","image_filename":""}],"cols":"3","conditions":[{"element_id":"checkbox-1","rule":"is_not","value":""}],"wrapper_id":"wrapper-5920-2549","hidden_behavior":"zero","value_type":"radio","field_label":"Kleurkeuze blad","layout":"vertical","options_bulk_editor":"Wit;Wit; 1; https:\/\/kantoorenomgeving.nl\/wp-content\/uploads\/Wit.png\nLicht Eiken;Licht-Eiken; 0; https:\/\/kantoorenomgeving.nl\/wp-content\/uploads\/LichtEiken.png\nDonker Eiken;Donker-Eiken; 0; https:\/\/kantoorenomgeving.nl\/wp-content\/uploads\/DonkerEiken.png\nEiken Grof;Eiken-Grof; 0; https:\/\/kantoorenomgeving.nl\/wp-content\/uploads\/EikenGrof.png","enable_images":"1","options_expanded":"1","required":"","formid":"wrapper-4052-9223"},{"id":"checkbox-3","element_id":"checkbox-3","form_id":"wrapper-7739-5437","parent_group":"group-1","type":"checkbox","cols":"12","required":"","field_label":"Bureaustoelen","placeholder":"","value_type":"checkbox","options":[{"label":"Bureaustoel Topstar Alu Star Basic zwart","value":"Bureaustoel-Topstar-Alu-Star-Basic-zwart","error":"","image":"https:\/\/kantoorenomgeving.nl\/wp-content\/uploads\/StoelTopstar.png","image_filename":"","calculation":"295"},{"label":"Ergonomische bureaustoel Profim Light up 250 SL","value":"Ergonomische-bureaustoel-Profim-Light-up-250-SL","error":"","image":"https:\/\/kantoorenomgeving.nl\/wp-content\/uploads\/StoelProfim.png","image_filename":"","calculation":"425"}],"wrapper_id":"wrapper-7739-5437","options_bulk_editor":"Bureaustoel Topstar Alu Star Basic zwart;Bureaustoel-Topstar-Alu-Star-Basic-zwart; 0; https:\/\/kantoorenomgeving.nl\/wp-content\/uploads\/StoelTopstar.png\nErgonomische bureaustoel Profim Light up 250 SL;Ergonomische-bureaustoel-Profim-Light-up-250-SL; 0; https:\/\/kantoorenomgeving.nl\/wp-content\/uploads\/StoelProfim.png","options_expanded":"1","enable_images":"1","calculations":"true","conditions":[],"formid":"wrapper-7205-1762","description":"Selecteer maximaal \u00e9\u00e9n van onderstaande opties"},{"id":"group-2","element_id":"group-2","form_id":"wrapper-9267-9762","parent_group":"","type":"group","options":[],"cols":"12","conditions":[],"wrapper_id":"wrapper-9267-9762","field_label":"","is_repeater":"false"},{"id":"textarea-1","element_id":"textarea-1","form_id":"wrapper-6715-9960","parent_group":"","type":"textarea","cols":"12","required":"","field_label":"Extra opmerking:","placeholder":"Plaats hier eventuele opmerking","input_type":"paragraph","limit":"180","limit_type":"characters","wrapper_id":"wrapper-6715-9960","conditions":[],"prefill":""},{"id":"group-1","element_id":"group-1","form_id":"wrapper-7205-1762","parent_group":"","type":"group","options":[],"cols":"12","conditions":[],"wrapper_id":"wrapper-7205-1762","field_label":"","is_repeater":"false"},{"id":"calculation-1","element_id":"calculation-1","form_id":"wrapper-1988247712118-9871","parent_group":"","type":"calculation","options":[],"cols":"12","conditions":[],"wrapper_id":"wrapper-1988247712118-9871","hidden_behavior":"zero","field_label":"Totaal aan geselecteerde producten, excl. BTW","formula":"{checkbox-1} + {radio-3} + {checkbox-3}","prefix":"\u20ac","description":"Verrekening vindt plaats via uw werkgever."},{"id":"name-1","element_id":"name-1","form_id":"wrapper-1511347711918-1669","parent_group":"","type":"name","cols":"12","required":"true","prefix":"true","fname":"true","mname":"true","lname":"true","multiple_name":"true","fname_required":"1","lname_required":"1","field_label":"First Name","placeholder":"E.g. John","prefix_label":"Prefix","fname_label":"First Name","fname_placeholder":"E.g. John","mname_label":"Middle Name","mname_placeholder":"E.g. Smith","lname_label":"Last Name","lname_placeholder":"E.g. Doe","wrapper_id":"wrapper-1511347711918-1669","conditions":[]},{"id":"email-1","element_id":"email-1","form_id":"wrapper-1511347712118-1739","parent_group":"","type":"email","cols":"12","required":"true","field_label":"Email Address","placeholder":"E.g. [email protected]","validation":"1","validation_text":"","wrapper_id":"wrapper-1511347712118-1739","conditions":[]},{"id":"phone-1","element_id":"phone-1","form_id":"wrapper-1311247712118-1194","parent_group":"","type":"phone","cols":"12","required":"1","field_label":"Phone Number","placeholder":"E.g. +1 3004005000","validation":"1","validation_text":"","wrapper_id":"wrapper-1311247712118-1194","conditions":[]},{"id":"textarea-2","element_id":"textarea-2","form_id":"wrapper-3189-5493","parent_group":"","type":"textarea","options":[],"cols":"12","conditions":[],"wrapper_id":"wrapper-3189-5493","input_type":"line","limit_type":"characters","field_label":"Text","placeholder":"E.g. text placeholder\nYou can add new line"}],"settings":{"pagination-header":"nav","paginationData":{"pagination-header-design":"show","pagination-header":"nav"},"formName":"Risse Bestelformulier","version":"1.29.0","form-border-style":"solid","form-padding":"custom","form-border":"custom","fields-style":"open","field-image-size":"auto","validation":"on_submit","akismet-protection":"0","form-style":"default","enable-ajax":"true","autoclose":"true","submission-indicator":"show","indicator-label":"Submitting...","form-type":"default","submission-behaviour":"behaviour-thankyou","thankyou-message":"Thank you for contacting us, we will be in touch shortly.","submitData":{"custom-submit-text":"Stuur in","custom-invalid-form-message":"Error: Er zit een fout in de invoer, herstel deze eerst! De velden met een fout zijn gemarkeerd."},"validation-inline":"1","form-expire":"no_expire","form-padding-top":"5","form-padding-right":"5","form-padding-bottom":"5","form-padding-left":"5","form-border-width":"3","form-border-radius":"10","cform-label-font-family":"Roboto","cform-label-custom-family":"","cform-label-font-size":"12","cform-label-font-weight":"bold","cform-title-font-family":"Roboto","cform-title-custom-family":"","cform-title-font-size":"45","cform-title-font-weight":"normal","cform-title-text-align":"left","cform-subtitle-font-family":"Roboto","cform-subtitle-custom-font":"","cform-subtitle-font-size":"18","cform-subtitle-font-weight":"normal","cform-subtitle-text-align":"left","cform-input-font-family":"Roboto","cform-input-custom-font":"","cform-input-font-size":"16","cform-input-font-weight":"normal","cform-radio-font-family":"Roboto","cform-radio-custom-font":"","cform-radio-font-size":"14","cform-radio-font-weight":"normal","cform-select-font-family":"Roboto","cform-select-custom-family":"","cform-select-font-size":"16","cform-select-font-weight":"normal","cform-multiselect-font-family":"Roboto","cform-multiselect-custom-font":"","cform-multiselect-font-size":"16","cform-multiselect-font-weight":"normal","cform-dropdown-font-family":"Roboto","cform-dropdown-custom-font":"","cform-dropdown-font-size":"16","cform-dropdown-font-weight":"normal","cform-calendar-font-family":"Roboto","cform-calendar-custom-font":"","cform-calendar-font-size":"13","cform-calendar-font-weight":"normal","cform-button-font-family":"Roboto","cform-button-custom-font":"","cform-button-font-size":"14","cform-button-font-weight":"500","cform-timeline-font-family":"Roboto","cform-timeline-custom-font":"","cform-timeline-font-size":"12","cform-timeline-font-weight":"normal","cform-pagination-font-family":"","cform-pagination-custom-font":"","cform-pagination-font-size":"16","cform-pagination-font-weight":"normal","payment_require_ssl":"","submission-file":"delete","store_submissions":"1","form_name":"risse-bestelformulier","form_status":"publish","sc_email_link":"1","sc_message":"<p>Your form has been saved as draft and a resume link has been generated so you can return to the form anytime within {retention_period} days from today. Copy and save the link or enter your email address below to have the link sent to your mail.<\/p><p>These fields weren't saved to your submission draft: Paypal, Stripe, Signature, Password, Captcha, and Upload. Kindly fill them out before submitting the form.<\/p>","honeypot":"1","field-image-width":"100","field-image-height":"70","notification_count":"1","previous_status":"draft","use_save_and_continue":"","use_ajax_load":"1","field-border":"custom","field-border-radius":"10","field-border-width":"3","use-custom-css":""},"client_id":"","integration_conditions":[],"behaviors":[{"slug":"behavior-1234-4567","label":"","autoclose-time":"5","autoclose":"true","newtab":"sametab","thankyou-message":"Thank you for contacting us, we will be in touch shortly.","email-thankyou-message":"","manual-thankyou-message":"","submission-behaviour":"behaviour-thankyou","redirect-url":""}],"notifications":[{"slug":"notification-1234-4567","label":"Admin Email","email-recipients":"default","recipients":"[email protected]","email-subject":"New Risse Form Entry #{submission_id} for {form_name}","email-editor":"You have a new website form submission: <br \/> {all_fields} <br \/>---<br \/> This message was sent from {site_url}.","email-attachment":"true","type":"default","from-name":"DEMO Thuiswerkshop","form-email":"[email protected]","replyto-email":"","cc-email":"","bcc-email":"","conditions":[],"routing":[],"email":""}]},"status":"publish","version":"1.29.2"}

This issue is a bug, so it required fixing form manually.

kind regards,
Kasia

Hi,
Thanks, this code works beautifully ??
I see that the fields are staying in the group now, as long as I don’t move them around. This form is for a proof of concept. I will work with this. I assume the bug will be fixed in a newer version?

Thanks a lot!
Con

Hi @wp_con,

?I assume the bug will be fixed in a newer version?

I can confirm our team is already working on a fix for the issues noticed, however, at the moment, I’m afraid there isn’t any exact ETA we could provide on which version the fix will be implemented.

Kind Regards,

Nithin

Hi @wp_con

We didn’t hear back from you for quite some time already so I’m marking this topic as resolved.

If you still need assistance with this, just let us know.

Kind regards,
Adam

Hi @wp_con

This issue is resolved in the latest version of Forminator.

Please update to the latest version let us know if Forminator is not working as expected.

Kind Regards,
Kris