Support » Plugin: Forminator Payment, Quiz and Contact Form Plugin » Material Layout issue – overlapping text

  • pb52

    (@paulbarrett1952)


    Click on a data entry box such as Membership Number, and the Field Tile moves up to allow data to be entered.

    Select “Personal Date Correction Request” and try to fill in the “Correction Required” box that appears, and the title changes to the smaller font but no space is created between it and the data you enter. So you can’t see what you’re typing.

    The same happens if you select the “Register a complaint” option. What am I doing wrong, please?

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support Jorge – WPMU DEV Support

    (@wpmudev-support7)

    Hi @paulbarrett1952 sorry for the inconvenience on this one.

    I did a test on my dev site and this worked, could you please also share a screenshot of the field settings?

    Or I was wondering if you can export the form and send it to us so we can test it with the same settings, you can export it by clicking the cog icon https://monosnap.com/file/SLRGj0GrgPvXgAjvtN4licChccqDgk

    Looking forward to your reply.

    Regards,

    Jorge

    pb52

    (@paulbarrett1952)

    On further investigation, the issue is related to Visibility rules. Both fields have rules that hide them if the appropriate radio button is not selected.

    If I remove the rules, the forms behave as normal. If I replace them the problem returns

    To validate this I duplicated the fields and removed the rules. Now you see both fields working normally and if you select one of the two middle radio buttons, the appropriate filed also appears but with the problem.

    The form and screenshot are here:
    https://barrettnas2.synology.me/drive/d/f/500321952802583034

    • This reply was modified 7 months ago by pb52.
    Plugin Support Kasia – WPMU DEV Support

    (@wpmudev-support2)

    Hello @paulbarrett1952 ,

    I’m afraid that the file with exported form is empty. Can you resend it?

    kind regards,
    Kasia

    pb52

    (@paulbarrett1952)

    Sorry about that. Let’s do this the easy way:

    {“type”:”form”,”data”:{“fields”:[{“id”:”html-1″,”element_id”:”html-1″,”form_id”:”wrapper-8266-7395″,”type”:”html”,”options”:[],”cols”:12,”conditions”:[],”wrapper_id”:”wrapper-8266-7395″,”field_label”:”GDPR Related requests”,”variations”:”<p>Please complete and submit the form below. </p>”},{“id”:”name-1″,”element_id”:”name-1″,”form_id”:”wrapper-1511347711918-1669″,”type”:”name”,”cols”:12,”required”:”true”,”field_label”:”Name”,”placeholder”:”Please enter your name”,”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”,”conditions”:[],”wrapper_id”:”wrapper-1511347711918-1669″},{“id”:”email-1″,”element_id”:”email-1″,”form_id”:”wrapper-1511347712118-1739″,”type”:”email”,”cols”:12,”required”:”true”,”field_label”:”Email Address”,”placeholder”:””,”validation”:true,”validation_text”:””,”validation_message”:”Please enter a valid email address”,”conditions”:[],”wrapper_id”:”wrapper-1511347712118-1739″},{“id”:”text-1″,”element_id”:”text-1″,”form_id”:”wrapper-2844-3163″,”type”:”text”,”options”:[],”cols”:12,”conditions”:[],”wrapper_id”:”wrapper-2844-3163″,”input_type”:”line”,”limit_type”:”characters”,”field_label”:”Membership Number (if known)”,”placeholder”:””,”limit”:”5″,”description”:”Usually a 4 digit number”},{“id”:”radio-1″,”element_id”:”radio-1″,”form_id”:”wrapper-3116-3878″,”type”:”radio”,”options”:[{“label”:”Request a copy of Personal Data”,”value”:”request-a copy of personal data”,”calculation”:”1″},{“label”:”Personal Data Correction Request”,”value”:”personal-data correction request”,”limit”:””,”default”:false,”calculation”:”2″},{“label”:”Register a Complaint”,”value”:”register-a complaint”,”limit”:””,”default”:false,”calculation”:”3″},{“label”:”User Account Deletion Request”,”value”:”user-account deletion request”,”calculation”:”4″}],”cols”:12,”conditions”:[],”wrapper_id”:”wrapper-3116-3878″,”value_type”:”radio”,”field_label”:”What is the nature of your request?”,”layout”:”vertical”,”description”:””,”required”:true,”calculations”:”false”},{“id”:”textarea-1″,”element_id”:”textarea-1″,”form_id”:”wrapper-8563-7332″,”type”:”textarea”,”options”:[],”cols”:12,”conditions”:[{“element_id”:”radio-1″,”rule”:”is_not”,”value”:”personal-data correction request”}],”wrapper_id”:”wrapper-8563-7332″,”input_type”:”line”,”limit_type”:”words”,”field_label”:”Correction Required”,”placeholder”:””,”description”:”Please give as much information as you can to help us correct your data. For example, \”My name is incorrect” is not as good as \”My last name is Cooke, not Cook\””,”limit”:”500″,”required”:true,”condition_rule”:”any”,”condition_action”:”hide”},{“id”:”textarea-2″,”element_id”:”textarea-2″,”form_id”:”wrapper-9230-120″,”type”:”textarea”,”options”:[],”cols”:12,”conditions”:[{“element_id”:”radio-1″,”rule”:”is_not”,”value”:”register-a complaint”}],”wrapper_id”:”wrapper-9230-120″,”input_type”:”line”,”limit_type”:”words”,”field_label”:”Details of Complaint”,”placeholder”:””,”description”:”Please give as much information as you can to help us consider your complaint”,”limit”:”500″,”required”:false,”condition_rule”:”all”,”condition_action”:”hide”,”formid”:”wrapper-9230-120″},{“id”:”gdprcheckbox-1″,”element_id”:”gdprcheckbox-1″,”form_id”:”wrapper-4033-856″,”type”:”gdprcheckbox”,”options”:[],”cols”:12,”conditions”:[],”wrapper_id”:”wrapper-4033-856″,”required”:”true”,”field_label”:”Privacy”,”gdpr_description”:”<p>I agree that Berkshire Family History Society may keep records of this request in order to track and be accountable for such requests, as required by the GDPR</p>”}],”settings”:{“pagination-header”:”bar”,”formName”:”Privacy Related Requests”,”version”:”1.7.1.2″,”form-border-style”:”solid”,”form-padding”:””,”form-border”:”custom”,”fields-style”:”open”,”validation”:”server”,”form-style”:”material”,”enable-ajax”:”true”,”autoclose”:””,”submission-behaviour”:”behaviour-hide”,”thankyou-message”:”<p>Thank you for request which has been sent our Compliance Officer</p>”,”submitData”:{“custom-submit-text”:”Submit Request”,”custom-invalid-form-message”:”Error: Your form is not valid, please fix the errors!”},”validation-inline”:”1″,”form-expire”:”no_expire”,”use-admin-email”:”true”,”admin-email-title”:”{radio-1} for {name-1}”,”admin-email-editor”:”<p>You have a new {radio-1}</p>\n<p>The details are shown below.</p>\n<p>The submission has been added as a card on this Trello board so that we have a record of all contacts with the society in a central location</p>\n<p>When you have processed the form please update the Trello card to mark it completed.</p>\n<p><br />{all_fields} <br />—<br />This message was sent from {site_url}.</p>”,”admin-email-recipients”:[“webmaster@berksfhs.org.uk”],”user-email-title”:”Your {radio-1} has been received”,”user-email-editor”:”<p>We have received your request which has been passed to our Compliance Manager</p>\n<p>Here is a copy for your records</p>\n<p>{all_fields}</p>\n<p>Please note that we are unable to erase all traces of your account. We are required by GDPR to keep a track of and be accountable for all account deletion requets. Therefore we will need to keep a minimum ammount information.</p>\n<p> </p>\n<hr />”,”form-padding-top”:”0″,”form-padding-right”:”0″,”form-padding-bottom”:”0″,”form-padding-left”:”0″,”form-border-width”:”1″,”form-border-radius”:”5″,”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”:”true,”,”submission-file”:”keep”,”form_status”:”publish”,”honeypot”:”1″,”use_ajax_load”:”1″,”use_donotcachepage”:”1″,”use-user-email”:”1″,”user-email-from-address”:””,”user-email-reply-to-address”:”{email-1}”,”enable-submissions-retention”:”true”,”submissions-retention-number”:”1″,”submissions-retention-unit”:”years”,”form_name”:”Privacy Related Requests”,”autoclose-time”:”10″,”use-autofill”:”1″,”fields-autofill”:[{“element_id”:”name-1″,”provider”:”wp_user.display_name”,”is_editable”:”no”},{“element_id”:”email-1″,”provider”:”wp_user.email”,”is_editable”:”no”}],”admin-email-cc-address”:””,”admin-email-bcc-address”:””,”user-email-recipients”:””,”user-email-cc-address”:””,”user-email-bcc-address”:””,”enable-submissions-erasure”:”true”,”submission-erasure-remove”:”false”},”client_id”:null},”status”:”publish”,”version”:”1.7.1.3″}

    Plugin Support Kasia – WPMU DEV Support

    (@wpmudev-support2)

    Hello @paulbarrett1952 ,

    I’m sorry for the delay on our side.
    I’m afraid you can’t just past this into the post field because then it changes characters in the code and that makes it invalid.
    Right now I can’t import that code.
    That is why it needs to be in the txt file or you can use a site like pastebin.com

    kind regards,
    Kasia

    pb52

    (@paulbarrett1952)

    Plugin Support Kasia – WPMU DEV Support

    (@wpmudev-support2)

    Hello @paulbarrett1952 ,

    Thanks for sending that. I can see the issue. It looks like this is a bug on our side. But please try this CSS workaround to temporarily fix the issue:

    .forminator-textarea {padding-top: 30px;}

    this goes to Custom CSS in the form settings:

    kind regards,
    Kasia

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Material Layout issue – overlapping text’ is closed to new replies.