Sunday 11 May 2014

Angular-Wizard Example

I’ve been playing around with Angular-Wizard, it’s really simple and easy to use.

My online demo featuring bootstrap and Microsoft Modern CSS

Source for my demo

image

<section ng-app="wizard-sample" ng-controller="WizardCtrl" ng-cloak>
<wizard on-finish="finished()" >

<wz-step title="Step One">

... put your html here...

<a wz-next>Next</a>
</wz-step>

<wz-step title="Step Two">

... put your html here...

<a wz-previous>Previous</a>
<a wz-next>Next</a>
</wz-step>

<wz-step title="Finish">

... put your html here...

<a wz-previous>Previous</a>
</wz-step>

</wizard>
</section>

Here is the Official online demo from the creator of Angular-Wizard, who did a great job on this project.

No comments:

Post a Comment