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

    Change pagebreak buttons to default style

    Asked by info_brssi on November 30, 2014 at 02:29 AM

    Hi;

    http://form.jotform.me/form/43310377819457 this is the link of my form. here in first page you can see a next button which allows the user for move forward after providing their user id. lets consider the id is 1470 and using this you can processed in next step (.... use this code for checking). In second page you can see my send button design. I want to use this same design for my next button

    I have already try to change this using button design tab but every time it open as form designer... but still I have tried to do it using form designer but I failed to do it..... please help me....

    I also want to make a change in my form that if I want to place the next button above the line then what to do?  
    Page URL:
    http://form.jotform.me/form/43310377819457

    problem using form form designer JotForm style
  • Profile Image

    Answered by Shadae on November 30, 2014 at 06:03 AM

    Hi info_brssi,

    After reviewing your form, I am not currently seeing where you have a "Send" button design. It appears to be the default button style.

    Can you please provide us with information on what you would like to achieve and we would be happy to assist you.

    Your question regarding changing the location of your "Next" button has been moved a new thread: http://www.jotform.com/answers/466982

    Your inquiry will be addressed there. Thank you.

  • Profile Image

    Answered by info_brssi on November 30, 2014 at 06:15 AM

    Hi Shadae;

    After reviewing your form, I am not currently seeing where you have a "Send" button design. It appears to be the default button style.

    yes you are right.. I want to use the default button style for the NEXT BUTTON also. actually I want to show the next button as SUBMIT/SEND button which is shown in this form...But I am unable to do this. 

    (I have already try to change this using button design tab but every time it open as form designer... but still I have tried to do it using form designer but I failed to do it.....)

    Thanks in advance..... 

  • Profile Image

    Answered by Shadae on November 30, 2014 at 08:04 AM

    Hi info_brssi,

    I do apologize, I do not completely understand your request, are you saying that you would like to have two submit button on your form?

    I am currently seeing that you also have the default button for your Next option.

    Can you provide us with more information so that we can better assist you?

    Thank you.

  • Profile Image

    Answered by info_brssi on November 30, 2014 at 08:51 AM

    Hi Shadae;

    No, I do not want two submit button on my form. I want to change the looks of next button (of my form) just like submit button.
    Because now in my form the next button is in NO STYLE format. but it is not looks like submit button.

    Is it possible to change the looks of next button just like submit button (in my form it is shown as SEND button)?

    I hope this time I am able to make it clear...............

  • Profile Image
    JotForm Support

    Answered by EltonCris on November 30, 2014 at 01:34 PM

    @info_brssi 

    How about switching themes to nova theme or with any other themes you like? I think that will help.

    Actually that's the default pagebreak style when you switch to the default theme. I would prefer the nova theme instead as it has the closest look with the default form buttons.

    If you don't like switching to nova theme, you can use the following CSS codes to restore the default button style with your page break buttons.

    .form-pagebreak-next, .form-pagebreak-back,

    .form-pagebreak-next:active, .form-pagebreak-back:active{

     align-items: flex-start;

    text-align: center;

    cursor: default;

    color: buttontext;

    padding: 2px 6px 3px;

    border: 2px outset buttonface;

    background: false !important; /*trick*/

    box-shadow: none;

    border-radius: 0;

    }

    .form-pagebreak-next:active, .form-pagebreak-back:active{

       border-style:inset; 

        -webkit-appearance:push-button;

        background: false !important; /*trick*/

    }

    Hope this helps!

  • Profile Image

    Answered by info_brssi on November 30, 2014 at 10:13 PM

    Hi EltonCris;

    Thank you very much..... this code gives me exact result what I want. I have changed little bit of your provided code .... I hope it will not be a big issue..... Have a good day.

    .form-pagebreak-next, .form-pagebreak-back,

    .form-pagebreak-next:active, .form-pagebreak-back:active{

    align-items: flex-start;

    text-align: center;

    font-size:12px;

    cursor: default;

    color: buttontext;

    padding: 2px 8px 2px;

    background: false !important; /*trick*/

    box-shadow: none;

    border-radius: 0;

    }

    .form-pagebreak-next:active, .form-pagebreak-back:active{

    border-style:solid;

    -webkit-appearance:push-button;

    background: false !important; /*trick*/

     

    }

  • Profile Image
    JotForm Support

    Answered by ashwin_d on December 01, 2014 at 01:48 AM

    Hello info_brssi,

    On behalf of my colleague @EltonCris, you are welcome.

    Changing the font size and style should not create any issue at all.

    Do get back to us if you have any questions.

    Thank you!