search

VinceG / twitter-bootstrap-wizard

This twitter bootstrap plugin builds a wizard out of a formatter tabbable structure. It allows to build a wizard functionality using buttons to go through the different wizard steps and using events allows to hook into each step individually.
MIT License
1.39k stars 676 forks source link

Not compatible with bootstrap version 3.2 #99

Closed ramanathanMuthuraman closed 8 years ago

ramanathanMuthuraman commented 10 years ago

The progress bar does not update on user actions. Even though v3.2 is not specified in the requirements, it is a great widget and if made compatible with the current version, it becomes even better

Braunson commented 10 years ago

It seems (in addition to above) now instead of validating just the one 'step' and moving to the next when everything is valid, it validates the entire form and even tho all required fields in the first step are filled, it doesn't progress or show any errors.

VinceG commented 10 years ago

@Braunson is that with 3.2 as well?

Braunson commented 10 years ago

Sorry v3.0.3 the wizard w/ validation won't progress to the next step when all inputs[required] on the first step are valid.

VinceG commented 10 years ago

@Braunson so this is a complete separate issue that is not related to this one. could you post a new issue with a jsbin or similar?

Braunson commented 10 years ago

Yep will do sorry, thought I was on 3.2

blazeworx commented 10 years ago

@VinceG @ramanathanMuthuraman I've used the code on this page to get the progress bars working with 3.2

edu791 commented 9 years ago

The problem with 3.2 version is that the CSS class "bar" is not defined. So you have to manually put your CSS style to the div class "bar". I gave it a height of 100% and set a backgorund-color. That way you can se the progress bar in action.

edu791 commented 9 years ago

I solved it by using the new progress-bar class from Bootstrap 3.2 http://getbootstrap.com/components/#progress

VinceG commented 8 years ago

@ramanathanMuthuraman this is a css issue. example might be outdated but you should change your markup to match the bootstrap one. this just provides the JS functionality of a wizard.