Question

Custom HTML Buttons not showing when using Pagination

Forms Classic Form Designer

Updated June 18, 2024

asked on June 18, 2024 • Show version history

Hello!

I currently have been using custom HTML Buttons with the following code:
<input type="submit" class="newButton action-btn Submit" value="Test1" aria-labelledby="action" name="action">

These have been working perfect, and I am able to use these for Form routing as well. Here is an example:

I would love to use these in different pages as well, but as soon as I enable Pagination, all buttons are hidden except the last page.

Example:

I understand the intent of Pagination, however I would like to use the Custom HTML buttons on each page. If anyone is aware of a solution to retain the custom HTML buttons on each page, that would be greatly appreciated.

I still intend to use the buttons for Form Routing as well.

I am also using Classic Form Designer.

Thank You!

0 0

Answer

SELECTED ANSWER

replied on June 18, 2024

Because you are piggy-backing on the action-btn class that the system uses for the default buttons, it's going to obey the functionality built around that class, which appears to include hiding it on anything other than the last page.

If you remove the action-btn class from your custom buttons, it should work the way you are desiring. Unfortunately, it also will lose the default styling coming from the Themes page, so you will likely need to implement your own styling for the buttons using the CSS and Javascript page.

1 0

Replies

replied on June 18, 2024

Hi Matthew,

This solved my issue!

I will manually set the stylings for these buttons.

I am just happy the routing still works!

Thank You so much!

1 0

You are not allowed to follow up in this post.

Question

Question

Custom HTML Buttons not showing when using Pagination

Answer

Replies

Sign in to reply to this post.