Need to Hide Submit, but Show Values on One Page

  • ellie123
    Asked on November 16, 2014 at 8:57 PM

    Hello! Need some expert advice from the great JotForm support staff :)

    So, here's what I need to do. I need to show my form on 2 pages of my wordpress site. So, on one page I will use the iframe embed code (so the user can edit the form if they want.)

    Now, on the 2nd page....I want to show the form (with the users values) but WITHOUT the submit button. I tried using the iframe code and then using css on that specific page/post to just hide the submit button but it wouldn't work. The submit button kept showing, even if I set the css on the page to "display: none !important;" for the form submit button.

    I have figured out how to show each person's form/submission by formatting the form URL, so I know I can get the form and the user's values to show...but just not sure how I hide the submit on one of the pages. 

    I also tried using the forms source code on the page I wanted to hide the submit button, and then I just deleted the submit button from the code. However, this still let the viewer make changes to the form (of course there was no way to save them since the button was gone), but I want to just show the form with the user values (and I got that figured out)...but not let them be "editable". Does that make sense?

    Any ideas on how can I show the form, yet hide the button on one page?

    Thanks for any help!

    - Ellie

     

  • DarkFx
    Replied on November 17, 2014 at 6:01 AM

    Hi,

    Try this solutions below.

    1. Use your firebug and find the button code like the screenshot below.

     

    Need to Hide Submit, but Show Values on One Page  Image 1 Screenshot 40

    2. In the right side you can see the CSS codes of the button, copy that into your notepad (we will use that into the final step).

     

    Need to Hide Submit, but Show Values on One Page  Image 2 Screenshot 51

     

    3. Open your source code of the page that you want to hide the button find "body" tag and if you see classes like the screenshot below.

    Need to Hide Submit, but Show Values on One Page  Image 3 Screenshot 62

     

    And follow this final step, you need to copy the "page-id-671" to the bottom of your style.css file like the code below or you can copy that to your style.css file.

     

    .page-id-671 .form-submit-button {display:none;}

     

    Note: You will see that I put the color yellow of the number of the page ID, please change that to the actual page ID of your Wordpress site. :)

     

    Hopefully this will work. :)

     

    Thanks.

     

  • Elton Support Team Lead
    Replied on November 17, 2014 at 6:59 AM

    In addition to DarkFX, if you're embedding the 2nd form using iframe or the regular script embed code NOT the form source code, you can try the following.

    This can actually be done using show/hide condition. The trick is, add a textbox field to your form, hide it (right click > hide field) then do the following condition.

    If (hidden field) is equal to "1",

    HIDE Submit Button.

    After that, on your embed code use the URL parameter method if you want to hide the submit button.

    Example: this will trigger the above condition

    http://form.jotformpro.com/form/43202383617955?textbox=1

    If you need further clarifications about this, let us know.

    Have a good day!