Title: Bug: When using page break
Last modified: March 12, 2022

---

# Bug: When using page break

 *  Resolved [jonte98](https://wordpress.org/support/users/jonte98/)
 * (@jonte98)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/bug-when-using-page-break/)
 * When using pagebreak and place it next to a field, I get the button half the 
   size and located below the field. It should be next to the button.

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Plugin Support [Patrick – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport12/)
 * (@wpmudevsupport12)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/bug-when-using-page-break/#post-15454694)
 * Hi [@jonte98](https://wordpress.org/support/users/jonte98/)
 * I hope you are doing well
 * Could you please send us the Form link or a screenshot of this behaviour to verify
   if this is an expected situation?
 * Best Regards
    Patrick Freitas
 *  Thread Starter [jonte98](https://wordpress.org/support/users/jonte98/)
 * (@jonte98)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/bug-when-using-page-break/#post-15457473)
 * [https://cdn.livechat-files.com/api/file/lc/att/8801096/ef7fe726c759027dd13f1d2028647225/Screenshot%202022-03-12%20at%2015-32-31%20Sample%20Page%20-%20Test%203.png](https://cdn.livechat-files.com/api/file/lc/att/8801096/ef7fe726c759027dd13f1d2028647225/Screenshot%202022-03-12%20at%2015-32-31%20Sample%20Page%20-%20Test%203.png)
 *  Thread Starter [jonte98](https://wordpress.org/support/users/jonte98/)
 * (@jonte98)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/bug-when-using-page-break/#post-15457483)
 * I tried to set the button to 50% but it refuses to align at the right side of
   the field
 *  Plugin Support [Patrick – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport12/)
 * (@wpmudevsupport12)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/bug-when-using-page-break/#post-15468693)
 * Hi [@jonte98](https://wordpress.org/support/users/jonte98/)
 * Sorry for the delay here.
 * Thank you for the screenshot.
 * I was able to replicate the same behaviour on my lab site, it is happening because
   the pagination HTML is actually added to a different place and only an empty 
   div is added to where you define in the Form as a page break.
 * [https://monosnap.com/file/qEGUWW7l3sVc4BIHKrqMIMQakajJ6W](https://monosnap.com/file/qEGUWW7l3sVc4BIHKrqMIMQakajJ6W)
 * But it is not a bug as the Form add the buttons on the fly on the bottom of Form.
 * I am afraid we can’t use CSS without breaking the position and using the Position
   absolute as it can cause more issues.
 * A workaround is to copy the Button HTML content and paste it on the HTML field,
 * For example:
 * `<div class="forminator-pagination-footer" style="display: flex; justify-content:
   space-between;"><button class="forminator-button forminator-button-next">Next
   </button></div>`
 * The structure will look like this:
 * [https://monosnap.com/file/l42m2Kl6qj6jwOKC4w8dNZf8xfpsN1](https://monosnap.com/file/l42m2Kl6qj6jwOKC4w8dNZf8xfpsN1)
 * [https://monosnap.com/file/x0xVJQmGffSAsYMJTvlMzsImfL61VQ](https://monosnap.com/file/x0xVJQmGffSAsYMJTvlMzsImfL61VQ)
 * Then you can use CSS to hide the regular button and only show the button inside
   the HTML field.
 *     ```
       #html-1 .forminator-pagination-footer{
           margin-top: 20px;
       }
   
       #html-1 .forminator-pagination-footer button{
           width: 100%;
           display: initial !important;
       }
   
       .forminator-pagination-footer button{
           display: none !important;
       }
       ```
   
 * [https://monosnap.com/file/mQLQ0RUe1QmRVRFO2mDfbko4ThZtZv](https://monosnap.com/file/mQLQ0RUe1QmRVRFO2mDfbko4ThZtZv)
 * However, you will need to do this for each step and extend the CSS code.
 * Best Regards
    Patrick Freitas
 *  Plugin Support [Amin – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support2/)
 * (@wpmudev-support2)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/bug-when-using-page-break/#post-15497345)
 * Hello [@jonte98](https://wordpress.org/support/users/jonte98/) ,
 * We haven’t heard from you for several days now, so it looks like you don’t need
   our assistance anymore.
 * Feel free to re-open this ticket if needed.
 * Kind regards
    Kasia

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Bug: When using page break’ is closed to new replies.

 * ![](https://ps.w.org/forminator/assets/icon-256x256.gif?rev=3443182)
 * [Forminator Forms – Contact Form, Payment Form & Custom Form Builder](https://wordpress.org/plugins/forminator/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/forminator/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/forminator/)
 * [Active Topics](https://wordpress.org/support/plugin/forminator/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/forminator/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/forminator/reviews/)

 * 5 replies
 * 3 participants
 * Last reply from: [Amin – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support2/)
 * Last activity: [4 years, 5 months ago](https://wordpress.org/support/topic/bug-when-using-page-break/#post-15497345)
 * Status: resolved