• Resolved bcleave

    (@bcleave)


    Hi,

    Really like this plugin – thank you!

    I have two questions however:

    – The error messages when fields are incorrectly filled in is currently on the same line as the field itself – how can I get it to show underneath?

    – I would like to allow multiple form completions per user. How can I get the Javascript Alert Box to show (currently working fine ?? ) but then refresh the page back to the normal screen, with the form showing as usual instead of the standard form completion text?

    Thanks in advance!

    https://www.ads-software.com/plugins/wpgform/

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Mike Walsh

    (@mpwalsh8)

    1. Placement of the error message can be accomplished with CSS. There isn’t a “one size fits all” solution for this, it is very much dependent on your theme. You’d have to point me to your web site so I could look at it with FireBug for me to suggest a possible solution.
    2. I don’t think you can do what you want. The easiest way to do it would be to set up a custom confirmation page which has links back to the form URL which would cause the browser to see a brand new page load and would then render the form. I suppose if you were really clever with Javascript you might be able to do the same thing but I am not sure. The last page load is a result of a POST operation so simply refreshing the URL won’t work.
    Thread Starter bcleave

    (@bcleave)

    Thanks for your help. The url is alex-fitness.co.uk/free-three-day-pass-hidden

    Is there any way to change the text that replaces the form in that case? It currently shows up with some Google Forms text (Your response has been recorded. This form was created using Google Forms. Create your own Google Forms)

    Whilst you’re there – I don’t suppose I could be really cheeky and ask if you know what I’d need to do css wise to get the Submit button to centralise? It’s currently aligned left and I’ve run out of ideas ??

    Thanks so much for your speedy reply!

    Plugin Author Mike Walsh

    (@mpwalsh8)

    I am about to walk out the door, I’ll look at your form in detail a bit later for the CSS stuff.

    The question about hiding the “Created with Google Forms” comes up quite a bit – if you go back through the forum you should be able to find the answer. There are specific CSS classes you need to set to “display: none” to hide that information. I’d be surprised if you had to go back more than 2-3 pages.

    Thread Starter bcleave

    (@bcleave)

    Thanks Mike. I managed to remove the form and replace the text using:

    .ss-resp-card {
    visibility:hidden;
    }
    
    .ss-resp-card:after {
    visibility: visible;
    content: 'Thanks for your submission!';
    }

    Do let me know about the button / CSS!

    Thanks again

    Thread Starter bcleave

    (@bcleave)

    Hey Mike.

    Did you manage to take a look at:

    – The error messages when fields are incorrectly filled in is currently on the same line as the field itself – how can I get it to show underneath?

    – How I can centre the Submit button?

    Any help would be really appreciated!

    Thanks again

    Plugin Author Mike Walsh

    (@mpwalsh8)

    Sorry for the delayed response, been out of town for a family wedding and didn’t take my computer with me.

    To center the submit button, do this:

    div.ss-item table {
        margin-left: auto;
        margin-right: auto;
    }

    To show the error messages under the text entry boxes do this:

    label.error-message {
        color: red;
        display: block;
    }
    Thread Starter bcleave

    (@bcleave)

    Thank you so much!!!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to change completion text?’ is closed to new replies.