upd wizard demo page

kakakacool · Jan 6, 2015 · 99bc898 · 99bc898
1 parent 459cf49
commit 99bc898
Show file tree

Hide file tree

Showing 7 changed files with 63 additions and 36 deletions.
diff --git a/docs/js/metro.min.js b/docs/js/metro.min.js
diff --git a/docs/js/metro/metro-wizard.js b/docs/js/metro/metro-wizard.js
@@ -10,7 +10,7 @@
             finishStep: 'default',
             buttons: {
                 cancel: true,
-                help: false,
+                help: true,
                 prior: true,
                 next: true,
                 finish: true

diff --git a/docs/wizard.html b/docs/wizard.html
@@ -48,7 +48,7 @@ <h1>
             <script>
                 $(function(){
                     $('#wizard').wizard({
-                        locale: 'ru',
+                        locale: 'en',
                         onCancel: function(){
                             $.Dialog({
                                 title: 'Wizard',
@@ -77,6 +77,47 @@ <h1>
                 });
             </script>
         </div>
+
+        <h3>Html definition</h3>
+
+<pre class="prettyprint linenums">
+&lt;div class="wizard" id="wizard"&gt;
+    &lt;div class="steps"&gt;
+        &lt;div class="step"&gt;Page 1&lt;/div&gt;
+        &lt;div class="step"&gt;Page 2&lt;/div&gt;
+        &lt;div class="step"&gt;Page 3&lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
+</pre>
+
+        <h3>JavaScript</h3>
+<pre class="prettyprint linenums">
+$(function(){
+    $('#wizard').wizard({
+            stepper: true, // show stepper, see http://metroui.org.ua/stepper.html
+            stepperType: 'default', // stepper type, see http://metroui.org.ua/stepper.html
+            locale: $.Metro.currentLocale, //'en', 'ua', 'ru', ... more languages defined in metro-locale.js
+            finishStep: 'default', // 'default' - last page or int - number of page
+            buttons: { //show or hide buttons
+                cancel: true,
+                help: true,
+                prior: true,
+                next: true,
+                finish: true
+            },
+
+            // Buttons click methods, page change events
+            onCancel: function(page, wiz){...},
+            onHelp: function(page, wiz){...},
+            onPrior: function(page, wiz){...},
+            onNext: function(page, wiz){...},
+            onFinish: function(page, wiz){...},
+            onPage: function(page, wiz){...}
+    });
+});
+</pre>
+
+
     </div>
 
     <script src="js/hitua.js"></script>