Hi,
here's an example of how you can do it by using jquery.
Follow these steps:
1) go to your form > advanced > choose a theme engine "bootstrap"
2) go to your form > advanced > more options > scripts > Initialization Script > click on the custom radio button > once you created a code framework , put the following code into the main function :
JQuery('#bfPage1').prepend('<ul class="nav nav-tabs"> <li class="active"> <a href="#" onclick="ff_switchpage(1);">Page 1</a> </li><li><a href="#" onclick="ff_switchpage(2);">Page 2</a></li><li><a href="#" onclick="ff_switchpage(3);">Page 3</a></li><li><a href="#" onclick="ff_switchpage(4);">Page 4</a></li></ul>');
JQuery('#bfPage2').prepend('<ul class="nav nav-tabs"> <li> <a href="#" onclick="ff_switchpage(1);">Page 1</a> </li><li class="active"><a href="#" onclick="ff_switchpage(2);">Page 2</a></li><li><a href="#" onclick="ff_switchpage(3);">Page 3</a></li><li><a href="#" onclick="ff_switchpage(4);">Page 4</a></li></ul>');
JQuery('#bfPage3').prepend('<ul class="nav nav-tabs"> <li> <a href="#" onclick="ff_switchpage(1);">Page 1</a> </li><li><a href="#" onclick="ff_switchpage(2);">Page 2</a></li><li class="active"><a href="#" onclick="ff_switchpage(3);">Page 3</a></li><li><a href="#" onclick="ff_switchpage(4);">Page 4</a></li></ul>');
JQuery('#bfPage4').prepend('<ul class="nav nav-tabs"> <li> <a href="#" onclick="ff_switchpage(1);">Page 1</a> </li><li><a href="#" onclick="ff_switchpage(2);">Page 2</a></li><li><a href="#" onclick="ff_switchpage(3);">Page 3</a></li><li class="active"><a href="#" onclick="ff_switchpage(4);">Page 4</a></li></ul>');
The code above refers to the form with 4 pages , in case you want to extend it , copy the following part of the code :
JQuery('#bfPagePAGENUMBER').prepend('<ul class="nav nav-tabs"> <li> <a href="#" onclick="ff_switchpage(1);">Page 1</a> </li><li><a href="#" onclick="ff_switchpage(2);">Page 2</a></li><li><a href="#" onclick="ff_switchpage(3);">Page 3</a></li><li ><a href="#" onclick="ff_switchpage(4);">Page 4</a></li></ul>');
Just pay attantion to put the right number of page instead of "
PAGENUMBER", also to active correct tab for that page.
class="active"
Let me know if you need further help to impelement this example.
Kind regards,
Tihomir
===============================================
Support Crosstec and get ALL EXTENSIONS and professional support for just $5
Here!
===============================================
Regards
Tihomir
==========================================
+++ Purchase Professional Support:
crosstec.org/en/support/purchase-additional-support.html
+++
