how do i remove the "back button" at the bottom of "submit button" at end of form ?

  • Profile Image
    frcr_sg
    Asked on November 26, 2012 at 02:41 AM

    how do i remove the "back button" at the bottom of "submit button" at end of form ?

     

    Thank

  • Profile Image
    moonzkie
    Answered on November 26, 2012 at 03:34 AM

    Hi,

    Can you please provide us with your form ID/URL?

    Thank you.

  • Profile Image
    frcr_sg
    Answered on November 26, 2012 at 03:36 AM

    http://www.jotform.me/?formID=23301794353451

  • Profile Image
    moonzkie
    Answered on November 26, 2012 at 04:07 AM

    Can you please try to inject this css code to hide the division that holds the back buttons:

    .form-pagebreak-back-container {
        display:none;
    }

    Here is a guide on how to inject the codes to your form:

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    I hope this helps. Thank you.

     

  • Profile Image
    frcr_sg
    Answered on November 26, 2012 at 11:40 PM

    .form-pagebreak-back-container {
        display:none;
    }

     

    Not work :- (

     

    but found in this thread below ,

    but do not know found to do it into jotform.

    please help.

    Thank

     

    Answered by NeilVicente on July 12, 2011 

    Hi,

    Try removing this block of code form the source code:

    <li id="cid_14" class="form-input-wide"> 
                    <div class="form-pagebreak"> 
                        <div class="form-pagebreak-back-container form-label-left"> 
                            <button type="button" class="form-pagebreak-back" id="form-pagebreak-back_14">
                                Back
                            </button> 
                        </div> 
                        <div class="form-pagebreak-next-container"> 
                            <button type="button" class="form-pagebreak-next" id="form-pagebreak-next_14">
                                Next
                            </button> 
                        </div> 
                    </div> 
                </li>

     

    Let us know how it works for you. We are eager to hear about your updates. Thanks!


    Neil

  • Profile Image
    idarktech
    Answered on November 27, 2012 at 12:42 AM

    Hi,

    The form that you've previously posted was deleted. Can you please provide to us the form URL again so we can check it? By the way, you don't need to check your form soure code to remove the back button, this can now be achieved using CSS Injection.

    We'll wait your reply. Thanks!

  • Profile Image
    frcr_sg
    Answered on November 27, 2012 at 12:50 AM

    http://www.jotform.me/?formID=23308972054454

     

    thank

  • Profile Image
    idarktech
    Answered on November 27, 2012 at 12:57 AM

    You actually had the code to remove the back button but there was a problem on it so I've fixed it for you. Here's what I did.

    I simply add asterisk symbol * on your back button CSS comment.

    FROM:

    /submit back button/

    TO:

    /*submit back button*/

    Hope this helps. Thanks!

  • Profile Image
    frcr_sg
    Answered on November 27, 2012 at 02:16 AM

    Thank 

     

    Great !

     

    seem to be working !

  • Profile Image
    liyam
    Answered on November 27, 2012 at 02:44 AM

    Thanks for the update, frcr_sg. 

    Please do let us know if you have other questions or concerns.

    Thanks.