How do I center the page break button on my form

  • Profile Image
    nicoco59
    Asked on September 07, 2011 at 02:41 PM

    The page break button seems to be left justified.  I want to know how to center it ?  I do not see this capability in style or fonts.

     

    Thanks

  • Profile Image
    NeilVicente
    Answered on September 07, 2011 at 06:48 PM

    Hi nicoco59,

    Please try injecting this css code to your form:

    .form-pagebreak-back-container
    {
       
    margin-left30%;
    }

    To inject custom css:

    1.  Go to Setup & Embed tab
    2.  Click Preferences Form button
    3.  Choose Form Styles tab
    4.  Copy and paste the css code in the Inject Custom CSS textarea


     
    You may modify the value of margin-left to suit your requirements.

    Hope you find this useful. Thank you for using JotForm!


    Neil

  • Profile Image
    englipediaES
    Answered on September 07, 2011 at 09:11 PM

    I think a better way, which Jotform doesn't allow (yet?), would be if you could 'Shrink' the Page Break field. Then, it could be centered pretty easily?

  • Profile Image
    brx250
    Answered on September 07, 2011 at 11:50 PM

    Hi there,

    Thank you. We do appreciate all of our user’s feedback, including yours. Yes, that could be a possible feature, however, if Page Break fields can be shrank, it still wouldn't make the Back and Next Button centered, only its container. In addition, other fields below it will then be automatically placed beside the Page Break field, which can possibly ruin the entire form. Thus, injecting custom CSS would still be the best possible solution for it.

    Hope this clarifies your question. For any other queries that you may want to ask, just drop us a message and we will be more than willing to help you with anything.

    _____________________________________________   

    Albert  | JotForm Support

  • Profile Image
    Sussysue
    Answered on January 27, 2012 at 01:16 PM

    Thank You :) 

    Appreciate ALL you do

  • Profile Image
    idarktech
    Answered on January 27, 2012 at 07:09 PM

    @Sussysue,

    Welcome! If you have any other questions or concerns, please feel free to contact us again. Thank you for using JotForm!

  • Profile Image
    raydonmarketing
    Answered on January 27, 2013 at 01:04 AM

    this worked like a charm

  • Profile Image
    oseo5511
    Answered on August 05, 2013 at 08:00 PM

    i vote for this shrink pagbreak feature too, not sure why exactly the pagebreak shrink option is set at disabled permanently.

     

    i for one could use it in this scenario right now in so many forms for just one client:

     

    [FIELD SELECTION] {shrunk} + [GO!] {pagebreak, back button hidden, shrunk}

    but right now i can at best make it look like

    [FIELD SELECTION] {shrunk}
    _________________ [GO!] {pagebreak, back button hidden, shrunk}

    which looks not so aligned or cool. I dont see why this option cant be made easier than coming here and asking for custom css inject when everything for it is seemingly in place...


     

  • Profile Image
    khrisell
    Answered on August 05, 2013 at 08:27 PM

    oseo5511,

    Kindly open your own thread for your inquiry so that we could avoid any confusion and address your issue properly.

    Thank you.