Multiple Page: Center the Back and Next button

  • actismedia
    Asked on September 4, 2020 at 11:55 AM

    Hi

     

    Is there a way the back and next buttons (for the page breaks) throughout my form align centrally... the buttons are centrally aligned, yet the back and next buttons look oddly positioned.

     

    Thanks

    Page URL: https://www.jotform.com/form/202462361389053
  • actismedia
    Replied on September 4, 2020 at 12:02 PM

    Also, I have a text box at the top...

    I'd like for...

    1. this to always be visible
    2. how can I style this so that the question above the text box is central (how do I also style the text)
    3. how can I style the text box... deeper, 1 pixel border dark grey, font size say 40px?

    Thanks.
  • actismedia
    Replied on September 4, 2020 at 1:10 PM

    PS.  What is most frustrating is that I was advised to use your field migrator tool, this I did, however, the conditions didn't come across too.  I now have to go through my entire form and re-add these!!!!!
  • Ariel JotForm Support
    Replied on September 4, 2020 at 1:37 PM

    Hello,

    Thank you for reaching out.

    To center the Back and Next buttons, inject this code in your form's CSS:

    .form-pagebreak {
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }
    .form-pagebreak-back-container, .form-pagebreak-next-container {
        flex: 1 0 0;
    }
    .form-pagebreak-back {
        float: right;
    }

    Related Guide: How to Inject Custom CSS Codes.

    Once applied, it should look something like so.

    1599240407 5f5278d7a0f23 undefined Screenshot 10

    Give it a try and let us know how it goes.

    I have created a ticket for each of your other concerns to avoid confusion.

    https://www.jotform.com/answers/2557730

    https://www.jotform.com/answers/2557731