sathomas / acc-wizard Goto Github PK
View Code? Open in Web Editor NEWWizard implementation for bootstrap based on accordion
Wizard implementation for bootstrap based on accordion
Is it possible to check validation on each step. Or jquery.validation durin submit is working?
Hi, Thanks for the great plugin. I was wondering how I can disable automatic scrolling when you click the next button?
Thanks,
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
Hey,
Just wondering if there will be any support for bootstrap 3?
I tried using onBack to bind a function as stated in readme file but with no success. When I tried with onPrev it worked.
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.
tried this inside a bootstrap tab-pane but it doesnt work.
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.
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.
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?
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?
Is missing condition on beforeNext and beforeBack lines:
...if(resp) {...
Hello,
We have just add acc-wizard to twittstrap resources list
http://www.twittstrap.com/resources/details/acc-wizard
Under : Forms
Regards
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});
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.
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 function is not working.
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.