TOPIC:

Multilaterally form process bar 1 year 4 months ago #234504

  • Topic Author
  • Pascal Kurmann
  • Offline
  • Senior Breezer
  • Senior Breezer
  • Posts: 97
  • Thanks: 0
I used this code:

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><li><a href="#" onclick="ff_switchpage(5);">Page 5</a></li><li><a href="#" onclick="ff_switchpage(6);">Page 6</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><li><a href="#" onclick="ff_switchpage(5);">Page 5</a></li><li><a href="#" onclick="ff_switchpage(6);">Page 6</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><li><a href="#" onclick="ff_switchpage(5);">Page 5</a></li><li><a href="#" onclick="ff_switchpage(6);">Page 6</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><li><a href="#" onclick="ff_switchpage(5);">Page 5</a></li><li><a href="#" onclick="ff_switchpage(6);">Page 6</a></li></ul>');
JQuery('#bfPage5').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><li class="active"><a href="#" onclick="ff_switchpage(5);">Page 5</a></li><li><a href="#" onclick="ff_switchpage(6);">Page 6</a></li></ul>');
JQuery('#bfPage6').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><li><a href="#" onclick="ff_switchpage(5);">Page 5</a></li><li class="active"><a href="#" onclick="ff_switchpage(6);">Page 6</a></li></ul>');

Please Log in or Create an account to join the conversation.

Multilaterally form process bar 1 year 4 months ago #234520

  • mihaela
  • Offline
  • Developer
  • Developer
  • Posts: 3128
  • Karma: 105
  • Thanks: 413
Hello again,

Did you put that code in Initialization script code area inside function as follows?
function ff_formname_init(){
// your Initialization script code here
}
NOTE: You have to replace "formname" with the Name of your form.

That is necessary in order for your code to work.

Regards,

Mihaela

Please Log in or Create an account to join the conversation.

Multilaterally form process bar 1 year 3 months ago #234680

  • Topic Author
  • Pascal Kurmann
  • Offline
  • Senior Breezer
  • Senior Breezer
  • Posts: 97
  • Thanks: 0
Hello Mihaela

Thank you, now it works, thank you! Now, the last problem is, when I click on one of this created points, the site is jump to the top. How can I repair that?

Greets, colette

Please Log in or Create an account to join the conversation.

Multilaterally form process bar 1 year 3 months ago #234685

  • mihaela
  • Offline
  • Developer
  • Developer
  • Posts: 3128
  • Karma: 105
  • Thanks: 413
Hello again,

I'm glad that this is working now. :)

To scroll down to the form after clicking on one of this created points please do as follows:

On first page of the form, go to Advanced properties of any element in your form and in the Initscript section set Type to Custom and check the "Page Entry" checkbox.
Then in the code area below put the following code:
function ff_elementname_init(element, condition)
{
     jQuery("html, body").animate({ scrollTop: 
       jQuery('#ff_formdiv4').offset().top }, 1000);
} // ff_elementname_init
NOTE: In the code above replace "elementname" with the Name of that element for which you are writing the script.
Also, replace 4 in ff_formdiv4 with the Script ID of your form which you can find in BreezingForms > Manage Records.

Let me know whether it worked as you wanted.

Regards,

Mihaela

Please Log in or Create an account to join the conversation.

  • Page:
  • 1
  • 2
Moderators: ForumSupport
Time to create page: 0.047 seconds

July Sale!

Discounts for all of our extensions + support. Ending July 31st!

Get Your Subscription Here

Quick Links

Downloads

BreezingForms

ContentBuilder

BreezingCommerce

Templates

Documentation

BreezingForms

ContentBuilder

BreezingCommerce

Apprendre BreezingForms (French Community)

Apprendre et maîtriser BreezingForms par des tutoriels et exemples, le tout en français

breezingforms.eddy-vh.com

Questions et réponses sur les forums de l'AFUJ

AFUJ

Special Offer

Summer Sale! All subscriptions at a special price!

Includes prio support, all of our current and future Joomla!® extensions and Joomla!® templates for the duration of your membership.

Get it from here

3rd Party Discount - 25% Off

We help you to keep your costs under control. If you are a new member and purchased a form building tool from a different form vendor, then you'll get a 25% discount on our subscription plans.

How to receive the discount:

Send us a quick email to sales@crosstec.org with a proof of purchase (for example a paypal receipt), await payment instructions and enjoy your membership!