Added final documentation tweaks for tag helpers and an example buttons page

Author: robdmoore

ChameleonForms.Example/Controllers/ExampleFormsController.cs

@@ -95,6 +95,11 @@ public ActionResult Buttons()
             return View();
         }
 
+        public ActionResult ButtonsTH()
+        {
+            return View();
+        }
+
         public ActionResult Partials()
         {
             return View(new ViewModelExample{TextAreaField = "Initial value"});

ChameleonForms.Example/Views/ExampleForms/ButtonsTH.cshtml

@@ -0,0 +1,42 @@
+@using ChameleonForms.Templates.TwitterBootstrap3
+@model dynamic
+
+@{
+    ViewBag.Title = "Buttons";
+}
+
+<h1>Buttons</h1>
+
+<chameleon-form>
+    <form-navigation>
+        <form-button label="text button" emphasis-style="Primary" size="Default" />
+        <form-button add-class="random-class"><strong>html button</strong></form-button>
+        <reset-button label="text reset" icon="refresh" />
+        <reset-button><strong>html reset</strong></reset-button>
+        <submit-button><strong>html submit</strong></submit-button>
+        <submit-button label="text submit" emphasis-style="Danger" />
+        <submit-button name="name" value="value"><strong>html submit with value</strong></submit-button>
+        <submit-button name="name" value="value" label="value" icon="star" emphasis-style="Success" />
+    </form-navigation>
+
+    <p></p>
+
+    <form-navigation>
+        <form-button label="Small button 1" size="Small" />
+        <form-button label="Small button 2" fluent-attrs='c => c.WithSize(ButtonSize.Small)' />
+    </form-navigation>
+
+    <p></p>
+
+    <form-navigation>
+        <form-button label="Extra small button 1" size="ExtraSmall" />
+        <form-button label="Extra small button 2" fluent-attrs='c => c.WithSize(ButtonSize.ExtraSmall)' />
+    </form-navigation>
+
+    <p></p>
+
+    <form-navigation>
+        <form-button label="Large button 1" size="Large" />
+        <form-button label="Large button 2" fluent-attrs='c => c.WithSize(ButtonSize.Large)' />
+    </form-navigation>
+</chameleon-form>

ChameleonForms.Example/Views/Home/Index.cshtml

@@ -31,7 +31,7 @@
     <li>@Html.ActionLink("Null model", "NullModel", "ExampleForms")</li>
     <li>@Html.ActionLink("Null model with list", "NullModelWithList", "ExampleForms")</li>
     <li>@Html.ActionLink("Null list", "NullList", "ExampleForms")</li>
-    <li>@Html.ActionLink("Buttons", "Buttons", "ExampleForms")</li>
+    <li>@Html.ActionLink("Buttons", "Buttons", "ExampleForms") | @Html.ActionLink("Buttons - Tag Helpers", "ButtonsTH", "ExampleForms")</li>
     <li>@Html.ActionLink("Partials", "Partials", "ExampleForms") | @Html.ActionLink("Partials - Tag Helpers", "PartialsTH", "ExampleForms")</li>
     <li>@Html.ActionLink("Changing model context - HTML Helpers", "ChangingContext", "ExampleForms")</li>
     <li>@Html.ActionLink("Changing model context - Tag Helpers", "ChangingContextTH", "ExampleForms")</li>

docs/multiple-enum.md

@@ -112,15 +112,15 @@ This will change the default HTML for the non-Required drop-down list of enum fi
 ### Hide empty item
 If you have a non-Required list of enums field then it will show the empty item and this item will be selected by default if no values are selected. If for some reason you want a non-Required list of enums field, but you would also like to hide the empty item you can do so with the `HideEmptyItem` method in the Field Configuration, e.g.:
 
-# [Tag Helpers variant](#tab/xxx-th)
+# [Tag Helpers variant](#tab/hide-empty-th)
 
 The `HideEmptyItem` method is [mapped](./field-configuration.md#mapped-attributes) to `hide-empty-item="true"`.
 
 ```cshtml
 <field for="NullableEnumListField" hide-empty-item="true" />
 ```
 
-# [HTML Helpers variant](#tab/xxx-hh)
+# [HTML Helpers variant](#tab/hide-empty-hh)
 
 ```cshtml
 @s.FieldFor(m => m.NullableEnumListField).HideEmptyItem()

docs/multiple-list.md

@@ -117,15 +117,15 @@ This will change the default HTML for both Required and non-Required fields with
 
 When you display a non-Required list of list values field as a drop-down you can change the text that is used to display the `none` value to the user. By default the text used is `None`. To change the text simply use the `WithNoneAs` method, e.g.:
 
-# [Tag Helpers variant](#tab/xxx-th)
+# [Tag Helpers variant](#tab/none-label-th)
 
 The `WithNoneAs` method is [mapped](./field-configuration.md#mapped-attributes) to `none-label="{label}"`.
 
 ```cshtml
 <label for="EnumerableListId" none-label="No value" />
 ```
 
-# [HTML Helpers variant](#tab/xxx-hh)
+# [HTML Helpers variant](#tab/none-label-hh)
 
 ```cshtml
 @s.FieldFor(m => m.EnumerableListId).WithNoneAs("No value")