jQuery Error after submitting the Dynamic Form

  • Resolved bootword

    (@bootword)


    5 years ago

    Hello, @hwk-fr.

    Thanks for this awesome update (0.8.5), and especially for the opportunity to apply the field groups locations rules for dynamic forms.

    But I started getting an error after the update. After submitting the dynamic form, an error appears in the console, and a success message does not appear (although all actions are performed correctly). I disabled all plugins except ACF Pro and ACF Extended (WP ver. 5.3.2).

    Here the error: https://prnt.sc/ri1g9n

    In order not to create a new topic, I will write here a few suggestions for the development of the plugin, which I think would be useful:

    1. The ability to choose a specific Dynamic form in the field group location rules. This would be convenient if one dynamic form is used on different pages – https://prnt.sc/ri1ii3
    2. The ability to display instructions to the field as a tooltip on the frontend.
    3. Ability to specify tooltip for each individual checkbox – https://prnt.sc/ri1agu
    4. The ability to load modal data only after opening the modal itself (for example, the group field) to speed up the loading of complex forms.
    5. Ability to specify the title of the modal.

    Thanks for your work!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Konrad Chmielewski

    (@hwk-fr)

    Hello,

    Thanks for the feedback! I wasn’t able to reproduce the jQuery error after submitting a form. Can you please click on the index:152 link in the console error, in order to see what code cause the problem?

    Do you have any special jQuery initilization in your theme?

    Regarding your feature requests:

    1. This is an interesting idea, it would be probably cool to do it aswell for each fields (using advanced settings/conditional logic) too. I add it to the Trello Board.

    2. Instructions as Tooltip is already a feature of ACF Extended ??

    As written in the readme:

    New field group instructions placement: Tooltip
    Display instructions in a tooltip which is displayed when hovering an information icon

    You can choose that setting in your field group settings, in “Instruction placement”.

    3. This is a very sepcific use case, I’m not sure how it could be implemented, since choices are defined in a textarea “Choices” in the field settings. Looks like it’s more of a custom usage.

    4. Loading modal data in ajax is a very complexe scenario, as ACF has some very specific way to load fields in back-end/front-end. It also look like a very specific use case too. The feature would require too much work for the value (for all plugin users) in my opinion.

    5. The group/clone modal take the field label as title by default. It’s a good idea to let admin choose a specific title. I add the feature request in the Trello Board.

    Have a nice day.

    Regards.

    Thread Starter bootword

    (@bootword)

    Can you please click on the index:152 link in the console error, in order to see what code cause the problem?

    Here: https://prnt.sc/rkawk9

    I tried on the default wp-theme 2020 and on the third most popular Astra Theme (https://www.ads-software.com/themes/astra/). There should not be any problems with jquery. After all, it does not appear anywhere else, only after sending the dynamic form. Tried in different browsers with disabled extensions.

    Instructions as Tooltip is already a feature of ACF Extended

    Yes, I know about that ?? But I didn’t see any tooltips on the front end, even with the appropriate settings. I tried again, it seemed to work now) However, in the dynamic form settings there is no display option instructions as a tooltip, it may be worth adding there: https://prnt.sc/rkb53w

    Plugin Author Konrad Chmielewski

    (@hwk-fr)

    Hello,

    Okay, it is what I was suspecting. It’s not normal that your browser doesn’t recognize jQuery like that, in the content. Do you use a cache plugin which put Javascript in the footer or something?

    I’ll run some tests with the themes you mentioned and find a solution ASAP. I’ll keep you updated.

    Sorry for the inconvenience.

    Regards.

    EDIT: You mentioned “success message is not displayed on submission”, but in your screenshot we can see the success message here: https://i.imgur.com/DDV85Fp.png

    Plugin Author Konrad Chmielewski

    (@hwk-fr)

    Oops, forgot about the “tooltip” part. You’re right, there should be the setting in the Dynamic Forms UI in order to follow ACF Form logic (Forms can override field groups settings).

    Adding the feature request to the Trello Board.

    Have a nice day!

    Regards.

    Plugin Author Konrad Chmielewski

    (@hwk-fr)

    Hello,

    Just to let you know that the latest 0.8.5.5 update fix this issue ??

    Have a nice day!

    Regards.

    Thread Starter bootword

    (@bootword)

    Hi,

    Now it works fine.
    Thanks for the update and your work!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘jQuery Error after submitting the Dynamic Form’ is closed to new replies.