• Resolved aleksandra92

    (@aleksandra92)


    I have a problem with the display of the client form on the page: the appropriate form does not appear when selecting the client type. How can this be fixed? There is already CSS embedded on the page for overall form visibility, as initially, the forms were not visible at all!

    /* Hide all Forminator forms */
    .forminator-module {
    display: none !important;
    }

    /* Show only the specific form */
    #forminator-module-9914 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    }

    When I’m logged into WordPress: https://ibb.co/xMzcFyx
    https://ibb.co/hCQvKK3
    https://ibb.co/GQmvYJs

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

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Support Williams – WPMU DEV Support

    (@wpmudev-support8)

    Hi @aleksandra92

    I hope you’re well today!

    I’m not sure how do I select the “client type” on the page but in general, the CSS that you shared is actually pretty “strict” and very likely the main cause of the issue.

    What it does is that it first hides all the forms and then only shows one specific form (of ID 9914). When visiting a page I can see this is working because form 9914 is visible and there are other forms in page source code but hidden.

    However, if there’s anything (e.g. custom code or some tabs0 that are supposed to hide/show those forms, please note that in shared CSS you are using “!important” property and that is something rather difficult to override. It’s actually “forcing” override of any other CSS and essentially breaking any dynamically changed/assigned CSS.

    Is there any reason for using it or adding that entire custom CSS? What happens if you remove it entirely or at least remove “!important” property?

    Kind regadrs,
    Adam

    Thread Starter aleksandra92

    (@aleksandra92)

    It turns out to be a rather common issue, as many here mention: the form is not displayed at all. I removed the CSS. You can check now.

    Plugin Support Saurabh – WPMU DEV Support

    (@wpmudev-support7)

    Hello @aleksandra92

    Hope you’re doing well today. Thank you for an update.

    Please allow me to take a step back here, based on your query, it looks like you are trying to show separate forms based on the radio selection. Can you please confirm if that’s the case? And also if there is any specific reason you want to use “different” forms.

    If I correctly understand what you are trying to achieve, it should be pretty straightforward with only one form with “field group” & “visibility conditions.”

    You can have a specific group of fields show only when a specific client is selected and so on. Here is how the example setup would look like: https://monosnap.com/file/Fps6wXsIkgUBLCTgHOh0if598VdW4R

    Here is how you can add conditions to the Field Groups: https://monosnap.com/file/PnN3G7pnuhGiZOBJ0lBK8Ybg0iuAs0

    Please refer the below guides about field group: https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#field-group

    Further, in case you still wish to use two different forms, you can set a redirect behaviour on your first form which will redirect to the specific client form page.

    Here is how you can set up a redirect based on submission: https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#after-submission

    In case this will not be an ideal setup for you, please do let us know. We will be glad to take a further look.

    Kind Regards,
    Saurabh

    Thread Starter aleksandra92

    (@aleksandra92)

    We want to change our current customer form because we work with different types of clients (regular and business clients), so we need two different forms. The settings have been configured as shown in your screenshots. However, the problem is that when we insert the shortcode on the page, the forms are not visible to anyone except those logged into the admin panel. The issue has not yet been resolved.

    Plugin Support Amin – WPMU DEV Support

    (@wpmudev-support2)

    Hello @aleksandra92

    Unfortunately what you are trying to do is not possible using a simple CSS code because when a radio button is selected it does not add any custom Class or ID to your second form and in general these forms can’t be connected to each other with fields conditions, it needs custom coding and I’m afraid you will need to find a developer to help you with that.

    I want to make sure I understand your setup correctly, you have two forms – one for clients and another for businesses. One of these forms is only visible to logged-in users. Please let me know if I’ve got this right, and clarify your specific goals so that we can provide you with the best assistance.

    Best Regards,
    Amin

    Thread Starter aleksandra92

    (@aleksandra92)

    I have one form in Forminator where the necessary questions are displayed depending on the client type, but it is only visible in the admin panel and not to other users. I don’t understand why this is happening.

    Plugin Support Laura – WPMU DEV Support

    (@wpmudevsupport3)

    Hi @aleksandra92

    Hope this message finds you well.

    is visible in the admin panel and not to other users.

    Guessing you are referring to non-logged users by not to other users.

    Could you check at Behavoir tab if Enable Logged-In Submission Only is enabled?

    That might be the reason why the form is not being displayed.

    Let us know.

    Best regards,
    Laura

    Thread Starter aleksandra92

    (@aleksandra92)

    Hi, I checked, and it’s not enabled. Please see the attached screenshot.

    Link: https://ibb.co/M9nvtB9

    Plugin Support Nithin – WPMU DEV Support

    (@wpmudevsupport11)

    Hi @aleksandra92 ,

    Sorry to hear about the ongoing issue. However, such an issue occurs in general due to conflicts.

    I noticed you have an Autoptimize plugin and if you load the page URL with the following parameter then the form loads fine.

    /?ao_noptimize=1

    View post on imgur.com

    The above paramater excludes the page from minification due to the plugin.

    Seems like one of the plugin settings is causing the issue, please go through the plugin settings and check on disabling which exact feature it displays the from back so that it would help give a better idea of what might be causing the conflict.

    Regards,

    Nithin

    Plugin Support Saurabh – WPMU DEV Support

    (@wpmudev-support7)

    Hello @aleksandra92

    Hope you’re doing well today!

    We haven’t heard from you in a while, I’ll go and mark this thread as resolved. If you have any additional questions or require further help, please let us know!

    Kind Regards,
    Saurabh

Viewing 10 replies - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.