Tab "paging" to show only a subset of current Tabs

Forms Public Forms
1

I have a public form with a Tab Container that has 30 Tabs. Trying to show that many Tabs on the form uses up a lot of screen space...I would like instead to just show 5 Tabs with a "page up" and "page down" option at either end to show the next 5 Tabs or the previous 5 Tabs, respectively.

Like this (where the Tab titles are just sequential numbers and, in this case, the user currently has Tab 21 selected)...

<<Prev 5| 21 22 23 24 25 |Next 5>>

Do I need to create custom buttons to do this type of "paging"?

2

Dear @donald.kantik,
This is possible, but would require heavy JS customization. It's probably best to hide the tabs completely with CSS code:

.nav-tabs {
    display: none !important;
}

And instead implement a different Pagination control, for example, this one from Bootstrap - Pagination · Bootstrap

You can add it as an HTML element to the form:

image
image739×515 16.9 KB

You'll then need to configure JavaScript to switch between tabs on button presses, there are some examples for it here - Tabs — Public web forms