Multilaterally form process bar

  • Pascal Kurmann
  • Topic Author
  • Offline
  • Expert Boarder
  • Expert Boarder
  • Posts: 86
  • Thank you received: 0

Pascal Kurmann replied the topic: Multilaterally form process bar

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>');
#234504
  • Posts: 2282
  • Karma: 84
  • Thank you received: 306

mihaela replied the topic: Multilaterally form process bar

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
#234520
  • Pascal Kurmann
  • Topic Author
  • Offline
  • Expert Boarder
  • Expert Boarder
  • Posts: 86
  • Thank you received: 0

Pascal Kurmann replied the topic: Multilaterally form process bar

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
#234680
  • Posts: 2282
  • Karma: 84
  • Thank you received: 306

mihaela replied the topic: Multilaterally form process bar

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
#234685
Moderators: ForumSupporttomeperica
Time to create page: 0.066 seconds

Community Reward

Help us to create new extensions and plugins! With only $5 you help us a lot and get unlimited download access to all of our products, professional support and even more. Get your reward now!

Read More Here

News and Updates

Get informed about new downloads, updates and more in our News and Updates newsletter.

All Extensions Subscription

Get 1 year access to all of our current and future products and 1 year of professional support -- 99€

No support per domain or website installation limits! Includes all of our current and future Joomla!® extensions, Joomla!® templates for the duration of your membership. This means, by purchasing an All Extensions Subscription you'll have it all covered!

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!

Community Reward

Help us to create new extensions and plugins! With only $5 you help us a lot and get unlimited download access to all of our products, professional support and even more. Get your reward now!

Read More Here