What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Need to Hide Submit, but Show Values on One Page

    Asked by ellie123 on November 16, 2014 at 08: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

     

    JotForm form submit iframe code source POST
  • Profile Image

    Answered by DarkFx on November 17, 2014 at 06:01 AM

    Hi,

    Try this solutions below.

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

     

    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).

     

     

    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.

     

    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.

     

  • Profile Image
    JotForm Support

    Answered by EltonCris on November 17, 2014 at 06: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!