Remove the "Next" and "Back" button with Page Break, reduce space

  • Profile Image
    margaretluh
    Asked on November 26, 2012 at 12:29 AM

    Hi -I hope you are well. I LOVE Jotforms. There are just a few things I am trying to adjust but have not been able to. I have looked through the "help" and havent found any answers. So here are my 3 questions:

    1) "Submit" and "Back" and "Next" buttons are on the page. I am trying to delete or hide the "Back" and "Next" buttons.

    I created a survey, with 3 pages. When I am in page 2, I want to just submit page 2 and skip page 3 entirely. The problem is that when Page 2 displays, it shows the Submit, Back, and Next buttons. I only want the "Submit" button to show up, and the survey to be completed. Can you help me figure out how to do this?  I have attached a screen shot.

    2) I would also like to reduce the amount of space between the "Job Title" and the "Sign me up" on my http://www.jumpgifts.com/getstarted.html page.

    3) I would also like to reduce the amount of space only between the Upload bars on #9 of the "Now, complete your profile" page

     

    I look forward to hearing from you. Thank you so much!

  • Profile Image
    Welvin
    Answered on November 26, 2012 at 02:59 AM

    Hi,

    I would be happy to assist you, please find my answers below each of your bolded questions;

    1) "Submit" and "Back" and "Next" buttons are on the page. I am trying to delete or hide the "Back" and "Next" buttons.

    - Please inject below codes;

    #form-pagebreak-back_35, #form-pagebreak-next_35 {

    display: none;

    }

    Where form-pagebreak-back_35 and form-pagebreak-next_35 is the field ID's.

    Here are some guides that will help you do the above solutions;

    1. Finding page break ID or how to find field ID's:

    http://www.jotform.com/help/146-How-to-Find-Out-the-Field-ID-and-Name-in-a-Web-Form

    2. How to Inject Custom CSS Codes:

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

    ----------------------

    2) I would also like to reduce the amount of space between the "Job Title" and the "Sign me up" on my http://www.jumpgifts.com/getstarted.html page.

    - Do you mean to move the "Sign me up!" button below the Job title field? If yes, then please inject this codes;

    .form-pagebreak-next_57 {

    margin-left: -355px !important;

    }

    ----------------------

    3) I would also like to reduce the amount of space only between the Upload bars on #9 of the "Now, complete your profile" page

    -Inject this codes;

    #label_54, #label_55, #label_60 {

    display: none

    }


    I do hope this helps.

    Thanks

     

  • Profile Image
    margaretluh
    Answered on November 26, 2012 at 08:07 AM

    wow - thank you so much! I will let you know if this works ----

  • Profile Image
    margaretluh
    Answered on November 27, 2012 at 12:21 AM

    Thanks for your help, Welvin! Is there any way to reduce the space between those items even more??

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

    Do you mean reduce the space between those upload buttons? If so, append this CSS code to your form.

    #id_54, #id_55, #id_60 {

    margin-top:-20px;

    }

     

    Resut:

    Thanks!

  • Profile Image
    margaretluh
    Answered on November 27, 2012 at 10:16 PM

    great! thank you so much!