sathomas/acc-wizard

Wizard implementation for bootstrap based on accordion

acc-wizard's Issues

How about validation?

Is it possible to check validation on each step. Or jquery.validation durin submit is working?

How to disable automatic scrolling?

Hi, Thanks for the great plugin. I was wondering how I can disable automatic scrolling when you click the next button?

Thanks,

Validation when form changed to sections for a large signup form

After changing the form in each "accordion-inner" to a div with ID "accordion-data" and changing form inside acc-wizard.js to .accordion-data the accordian works great

.. however Validation is a problem child for me ..
After hook('onNext', panel); i have added if($('form').valid()); which validates the form .. however it allows the button "next step" to open the next panel with errors in the parent panel

• Can you suggest a solution for validation in each panel

Support for Bootstrap 3

Hey,

Just wondering if there will be any support for bootstrap 3?

onBack does not work, use onPrev insted

I tried using onBack to bind a function as stated in readme file but with no success. When I tried with onPrev it worked.

Prev and Next Buttons failing in IE8+ (Only using 1 <form>)

I have been doing some extensive browser testing with this and for the most part it is holding up rather well. (Only Failed in IE8+)

However, when in IE8+ (yes IE6 & IE7 work), the previous and next buttons fail after the first accordion body. So you can click the next button and advance to the second accordion body, but when you click the next or prev buttons in the second body the form submits instead of going to the next accordion boyd.

My actual .accordion division is wrapped in a form tag to let everyone know.

Let me know if anyone has any information on this.

I cant get this to work inside a tab-pane

tried this inside a bootstrap tab-pane but it doesnt work.

outer form breaks plugin's next/back button

I can create a wizard using this plugin successfully, however, if I wrap the outermost div with a form, this breaks the plugin's ability to dynamically create the next/back button in each accordion group.

I've created a JsFiddle that shows the problem being in the selector used to find all form elements in all child accordion group bodies:

var forms = $(".accordion-body .accordion-inner form", $el);

I suppose when you throw in a form around the whole thing, the selector skips the top/first form, since nested forms are generally not optimal.

http://jsfiddle.net/Dm2SU/1/

My goal is to use the accordion to break up my large form into smaller chunks/steps like a wizard. At the end of the page, I have a submit button for the entire form. If there's a better way to do this with this plugin, please let me know.

How do you make multiple FORMs POST as 1 FORM to the server?

I am a bit confused on how to make this actually work to submit my FORM...right now If I have 10 panels, that is 10 froms and only my very last FORM's fields will be POSTED to the server...please show how to make multiple FORMS POST? I have never seen many FORMS being used to build 1 FORM...I think it is a flaw but if there is a solution, please share?

Can't get it to work

This is really weird.

I copy the entire demo accordion HTML, include the CSS and the javascript but it won't work for me.

In the step by step instructions it says:

 $(window).load(function() {
    $(".acc-wizard").accwizard();
  })

But there is no .acc-wizard class in the HTML? When I change it to .accordion however I can get the Back/Next buttons to show up. However it still won't work.

Also, how to translate the button text?

What am I missing?

beforeNext and beforeBack dont work

Is missing condition on beforeNext and beforeBack lines:
...if(resp) {...

acc-wizard added to twitstrap resources

Hello,
We have just add acc-wizard to twittstrap resources list
http://www.twittstrap.com/resources/details/acc-wizard
Under : Forms
Regards

beforeNext with return false does not work

I have a beforeNext with a return false and it does not stop the execute it just goes to the next step, but the beforeNext is being fired because i can see my alert() i put in there for debugging. Any ideas?

function beforeNext() {
if($('#name').val() == "") {
return false;
}

$(".acc-wizard").accwizard({beforeNext: function (parent, panel) {
hash = "#" + panel.id;
if(hash == "#information") {
alert(beforeNext());
}
},
onNext: onNext});

Validate Fields from form when click Next Step

Hello, I'm using Jquery Validation for bootstrap: http://docs.jquery.com/Plugins/Validation/ and the plugin works well with the form elements, I want to create an event when a user click on "Next Step" in the accordion wizard the button trigger the validation plugin and don't allows users take the next step if they leave some requiered field in blank. Ty.

UX-thingy

Especially on small devices; when pressing the [back]-btn, the next panel collapses on top of my screen -nice!- . Unfotunately, this doesn't happen when pressing the [next]-btn. Is there a way to fix this?

destroy is not working

destroy function is not working.

jquery version conflicts

Hi,

I just tried to test your accordian wozard with my project. I am using jquery 3.1 however im not sure which version is ok with your accordian. jQuery 1.11 works but i need 3.1 is there going to be an upgraded version of accordian wizard?

Thanks in advance

Gavarni