multi-step

I have a Rails 3.2.14 app which collects call data. The new and edit action form is pretty long on one page. I'm looking to implement a multistep form that uses JS/client side processing to move along the steps. I've looked at the Wicked Gem as a way to do multi-step forms however I don't need the stateful configuration and don't want to be updating the call record with each step. I just need a clean way to split the form into steps and give an indication of the current step. I've looked into Fuelx and its Wizard component for forms but would like to see if there are any other JS modules out

I can imagine following approaches to exchange Data between multi step forms: 1) Create a component for each form step and exchange data between components over @input, @output (e.g. you cannot change from step5 to 2) 2) Use the new property data in the new router ( see here ) (e.g. you cannot change from step5 to 2)) 3) A shared Service ( Dependency Injection ) to store data ( Component Interaction ) (e.g. you can change from step5 to 2) 4) New rudiments with @ngrx/store (not really experienced yet) Can you give some "gained experience values", what do you use and why? Kamil Kiełczewski Why

You've seen iterations of this type of progress bar on sites like paypal. How does one go about setting this up using CSS and jquery ? I have 4 pages and each page is a step... so 4 steps. Jeltok I have searched for a solution that will visualize process steps in my web application. I have found the following excellent write-up by Stephen A Thomas: Tracking Progress in Pure CSS ( Original Link now dead ) In his approach Thomas even gets away with just using CSS - no Javascript! In an essence the following CSS code from his article does the trick for me: <style> <!-- Progress with steps --> ol

I have been searching around for a way to create a multi step form such as: http://planner.builtbybuffalo.com/step-1/ I couldnt find any resources, just other examples, the one I am trying to create will be a 3 part process. I am going to be building this in jQuery. I can understand the way to go from step to step, fadein/out, etc. But having a marker change and say what step. Thoughts? orandov Try this blog post from Janko "Turn any webform into a powerful wizard with jQuery (FormToWizard plugin)" Here is his demo . I haven't used this plugin from him but I know that he has very good posts