How can I remove the Back button in the last page of my form?

  • Profile Image
    hoodog
    Asked on July 10, 2011 at 04:30 PM
  • Profile Image
    allanftd
    Answered on July 11, 2011 at 02:46 AM

    Hi hoodog,

    You can remove the last page break you inserted before the Submit button. It will retain one of the Back buttons but will remove the redundant Back button.

    If you want both back buttons to be removed, you have to embed the form using the full source code (gear icon shown below) and manually delete the scripts of the last two Back buttons.

    The script for the Back buttons that you need to delete should look like this:

     

    <button type="button" class="form-pagebreak-back" id="form-pagebreak-back_49">
    Back
    </button>

     

    You should remove the last two occurrences of this script in your full embed code to remove the Back buttons near the Submit button.

    Please let us know if you need further assistance. Thank you for using JotForm!

    JOTFORM SUPPORT

  • Profile Image
    hoodog
    Answered on July 11, 2011 at 03:35 AM

    hello support,

    actually, the back button i want to remove is the one below the submit button. i downloaded the full source code, where's the script to remove? i did not see anything like <button type="button" class="form-pagebreak-back" id="form-pagebreak-back_49">Back</button> near the submit button for the default code. 

    i do know how to remove the back button beside the submit button, in fact, i added that in. sorry for not being clearer earlier on.

  • Profile Image
    NeilVicente
    Answered on July 12, 2011 at 04:34 AM

    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