Multilaterally form process bar

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

Pascal Kurmann created the topic: Multilaterally form process bar

Hello

I work with a multilaterally form and want to make a progress bar with points like this (see attachment). Is it possible? I want, that people can see, how many steps the form has and that they can switch between the points.

Regards Colette
#234476
Attachments:
  • Posts: 2282
  • Karma: 84
  • Thank you received: 306

mihaela replied the topic: Multilaterally form process bar

Hello,

BF does have a progress bar.
Go to form's properties > Advanced tab > choose a Bootstrap theme. Then you will see a "Display form progress" options and set it to "Yes". This will only show the standard progress bar, not exactly as in your picture.

Let me know whether this solution is working for you.

Regards,

Mihaela
#234482
  • 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 for your answer. It works, but I want something like this (see attachments), with text and points. Is ist possible?
#234496
Attachments:
  • Posts: 2282
  • Karma: 84
  • Thank you received: 306

mihaela replied the topic: Multilaterally form process bar

Hello again,

Please take a look at the solution suggested in this topic crosstec.org/en/forums/3-breezingforms-f...-process.html#206383 since here it is explained how to achieve something similar to what you want.

Regards,

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

Pascal Kurmann replied the topic: Multilaterally form process bar

Yes, this is what I want! But it looks like jquery isn't load, did I forgot something?
#234502
  • Posts: 2282
  • Karma: 84
  • Thank you received: 306

mihaela replied the topic: Multilaterally form process bar

Hello,

Please send me the code that you have used to see whether you have forgotten something?

I've tested this Initialization script and it is working fine for me:
function ff_QuickForm61707367_init()
{
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>');
} // ff_QuickForm61707367_init

Regards,

Mihaela
#234503
Moderators: ForumSupporttomeperica
Time to create page: 0.071 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