Add documentation for HyperLink and Menu components; update navigation structure

Author: csharpfritz

README.md

@@ -32,7 +32,6 @@ There are a significant number of controls in ASP.NET Web Forms, and we will foc
     - [DropDownList](docs/EditorControls/DropDownList.md)
     - FileUpload
     - [HiddenField](docs/EditorControls/HiddenField.md)
-    - [HyperLink](docs/EditorControls/HyperLink.md)
     - [Image](docs/EditorControls/Image.md)
     - [ImageButton](docs/EditorControls/ImageButton.md)
     - ImageMap
@@ -69,7 +68,8 @@ There are a significant number of controls in ASP.NET Web Forms, and we will foc
     - [RequiredFieldValidator](docs/ValidationControls/RequiredFieldValidator.md)
     - [ValidationSummary](docs/ValidationControls/ValidationSummary.md)
   - Navigation Controls
-    - [Menu](docs/Menu.md)
+    - [HyperLink](docs/NavigationControls/HyperLink.md)
+    - [Menu](docs/NavigationControls/Menu.md)
     - SiteMapPath
     - [TreeView](docs/NavigationControls/TreeView.md)
   - Login Controls

docs/EditorControls/HyperLink.md docs/NavigationControls/HyperLink.mddocs/EditorControls/HyperLink.md renamed to docs/NavigationControls/HyperLink.md

@@ -341,5 +341,56 @@ The Menu component is meant to emulate the asp:Menu control in markup and is def
 
 ## Blazor Syntax
 
+```html
+<Menu id="NavigationMenu"
+      DisappearAfter="2000"
+      StaticDisplayLevels="2"
+      StaticSubmenuIndent="10"
+      orientation="Vertical"
+      font-names="Arial"
+      target="_blank">
+
+    <StaticMenuItemStyle BackColor="@("LightSteelBlue")"
+                         ForeColor="@("Black")" />
+    <StaticHoverStyle BackColor="WebColor.LightSkyBlue" />
+    <DynamicMenuItemStyle BackColor="WebColor.Black"
+                          ForeColor="WebColor.Silver" />
+    <DynamicHoverStyle BackColor="WebColor.LightSkyBlue"
+                       ForeColor="WebColor.Black" />
+    <DynamicSelectedStyle BackColor="WebColor.PapayaWhip"
+                          ForeColor="WebColor.SteelBlue" />
+
+    <Items>
+        <MenuItem navigateurl="Home.aspx"
+                  text="Home"
+                  tooltip="Home">
+            <MenuItem text="Music" tooltip="Music">
+                <MenuItem navigateurl="Classical.aspx"
+                          text="Classical"
+                          tooltip="Classical" />
+                <MenuItem navigateurl="Rock.aspx"
+                          text="Rock"
+                          tooltip="Rock" />
+                <MenuItem navigateurl="Jazz.aspx"
+                          text="Jazz"
+                          tooltip="Jazz" />
+            </MenuItem>
+            <MenuItem navigateurl="Movies.aspx" text="Movies" tooltip="Movies">
+                <MenuItem navigateurl="Action.aspx"
+                          text="Action"
+                          tooltip="Action" />
+                <MenuItem navigateurl="Drama.aspx"
+                          text="Drama"
+                          tooltip="Drama" />
+                <MenuItem navigateurl="Musical.aspx"
+                          text="Musical"
+                          tooltip="Musical" />
+            </MenuItem>
+        </MenuItem>
+    </Items>
+
+</Menu>
+```
+
 ##### [Back to top](#menu)
 

docs/Menu.md docs/NavigationControls/Menu.mddocs/Menu.md renamed to docs/NavigationControls/Menu.md

@@ -69,7 +69,6 @@ nav:
     - CheckBoxList: EditorControls/CheckBoxList.md
     - DropDownList: EditorControls/DropDownList.md
     - HiddenField: EditorControls/HiddenField.md
-    - HyperLink: EditorControls/HyperLink.md
     - Image: EditorControls/Image.md
     - ImageButton: EditorControls/ImageButton.md
     - Label: EditorControls/Label.md
@@ -95,6 +94,8 @@ nav:
     - RequiredFieldValidator: ValidationControls/RequiredFieldValidator.md
     - ValidationSummary: ValidationControls/ValidationSummary.md
   - Navigation Controls:
+    - HyperLink: NavigationControls/HyperLink.md
+    - Menu: NavigationControls/Menu.md
     - TreeView: NavigationControls/TreeView.md
   - Login Controls:
     - Login: LoginControls/Login.md

mkdocs.yml

@@ -1,4 +1,5 @@
-@using static BlazorWebFormsComponents.WebColor
+@page "/ControlSamples/Menu/DynamicMenuStyleSample"
+@using static BlazorWebFormsComponents.WebColor
 @using static BlazorWebFormsComponents.Enums.BorderStyle
 
 <h3>DynamicMenuStyle Sample</h3>

samples/AfterBlazorServerSide/Pages/ControlSamples/Menu/DynamicMenuStyleSample.razor

@@ -14,6 +14,16 @@ export function onAfterRender() {
     formatClientClick();
 }
 
+export function addScriptElement(location, callback) {
+    var el = document.createElement("script");
+    el.setAttribute("src", location);
+    document.head.appendChild(el);
+
+    if (callback != null) {
+        el.addEventListener("load", function () { eval(callback); });
+    }
+}
+
 function formatClientClick() {
     var elementsToReplace = document.querySelectorAll("*[onclientclick]");
     for (var el of elementsToReplace) {
@@ -31,6 +41,7 @@ if (typeof window !== 'undefined') {
     window.bwfc.Page = {
         setTitle,
         getTitle,
-        OnAfterRender: onAfterRender
+        OnAfterRender: onAfterRender,
+        AddScriptElement: addScriptElement
     };
 }