Problems with custom code of a form

  • Resolved emanuelenegro

    (@emanuelenegro)


    3 years, 2 months ago

    After creating the form and fixing some errors, I was finally able to make the form work with Stripe, but my client wanted the layout of the form to be in a double column, where on the left side the various options were selected and on the right side you found a column containing the data entered with their prices. Extrapolating the code of the form created with Forminator from my browser I succeeded in this undertaking, but I am encountering some errors which presumably are deriving from some internal Forminator script.

    1) The first mistake is that having divided the contents of the form manually into two columns, the pagination steps bar is automatically duplicated even if there is not in the code, and I assume that this happens precisely because of the subdivision. The same problem sometimes occurs with the “Previous” and “Next” buttons.

    Modified Code:
    https://drive.google.com/file/d/11SdLHgRZkk6IyJZ7p450XD_Jp9qphSgT/view?usp=sharing

    Error images:
    https://drive.google.com/file/d/1D2VzwIS2v8VZuop1D5vx397u1OVTBZDq/view?usp=sharing

    2) The second error is technical, trying to fill in the form even with the errors listed above, for good or bad it works, until you click on the button to send the form request. When you click the request button an error is displayed, which I also assume comes from the fact that there are two pagination steps, and duplicate buttons.

    Image error:
    https://drive.google.com/file/d/1tyQzDTwoFdQiB2dCGB0T6fJHrkjq6hwn/view?usp=sharing

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Nithin – WPMU DEV Support

    (@wpmudevsupport11)

    Hi @emanuelenegro,

    We’ll also need the form export to better understand the issues noticed, could you please share a form export in order to havea better idea on what might be causing this?

    Please check the following doc on how to export a form:
    https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#import-export

    You can share the export file via Google Drive as done before in the next reply.

    Looking forward to your response.

    Kind Regards,
    Nithin

    Thread Starter emanuelenegro

    (@emanuelenegro)

    Link of the Form: https://drive.google.com/file/d/1xTUvelAUaT1RlyPAvlgWxfnYmsUjnima/view?usp=sharing

    Thread Starter emanuelenegro

    (@emanuelenegro)

    Could I have your support as soon as possible please?

    Plugin Support Williams – WPMU DEV Support

    (@wpmudev-support8)

    Hi @emanuelenegro

    Thanks for sharing the form.

    I’ve imported it to my test site and I checked the “modified code” that you shared in your initial post – hoping that I’ll be able to replicate the issue.

    Yet, I’m not quite sure what did you do exactly. The “modified code” that you shared is HTML output – is it just source code of your page as generated on site (if so, that would mean there’s some additional PHP or JS code added, I believe) or did you actually create this code entirely by yourself, based on original output generated by Forminator?

    IF it’s the second case then it’s not the way to go and it won’t work correctly. I see you have multiple HTML fields on the form already and that’s what could/should be used for such “summary” fields but the “grid” in Forminator doesn’t currently allow you to organize fields in columns the way that there’s only one field in right column and all other in left one.

    Yet, I believe this may be doable with a bit of additional CSS and/or JS but:

    1) we’d need to know exactly which of HTML fields should be used as that “right column summary” on each of the form pages (it’s a complex form with a lot of HTML fields so I’m not sure)

    2) form needs to be displayed in “original” way on site – not using any custom HTML but just via shortcode/Gutenberg module/widget that comes from Forminator.

    That being said, can you please explain that “modified code” that you shared a bit more and let me know about point 1 above? We’ll give it another go then to see what could be done about it.

    Kind regards,
    Adam

    Plugin Support Amin – WPMU DEV Support

    (@wpmudev-support2)

    Hello @emanuelenegro ,

    We haven’t heard from you for a while now, so it looks like you don’t have more questions for us.

    Feel free to re-open this ticket if needed.

    Kind regards
    Kasia

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Problems with custom code of a form’ is closed to new replies.