Added "how to use" markdown

Author: Basic Primitives

howtouse.md

@@ -0,0 +1,47 @@
+# How To Use
+## Create & Update Use Cases
+* [First Organizational Chart](/samples/FirstOrganizationalChart.md)
+* [First Family Chart](/samples/FirstFamilyChart.md)
+* [Adding new items at runtime](/samples/AddingNewItemsToChartAtRuntime.md)
+* [Diagram Sizing](/samples/DiagramSizing.md)
+* [Zoom Using CSS Scale Transform](/samples/ZoomWithCSSScaleTransform.md)
+
+## Integration
+* [React Demos](https://github.com/BasicPrimitives/react-demo)
+* [AngularJS Organizational Chart Directive](/samples/AngularJSFirstOrganizationalChartDirective.md)
+* [jQuery Specific Use Cases](/samples/jQuerySpecific.md)
+
+## User Interface Events & Options
+* [Selecting cursor item & Mouse click](/samples/SelectingCursorItem.md)
+* [Selecting highlight item & Mouse over](/samples/SelectingHighlightItem.md)
+* [Selected items & Check boxes](/samples/SelectedItems.md)
+* [Buttons Panel](/samples/Buttons.md)
+* [Item & Group title colors](/samples/ItemAndGroupTitleColors.md)
+
+## Organizational Chart Layout Options
+* [Children Layout](/samples/ChildrenLayout.md)
+* [Adviser & Assistant item types](/samples/AdviserAndAssistantItemTypes.md)
+* [Partner item types](/samples/PartnerItemTypes.md)
+* [Multiple root items](/samples/MultipleRootItemsInChart.md)
+* [Selection path mode](/samples/SelectionPathMode.md)
+* [Inactive items in layout](/samples/InactiveItems.md)
+* [Custom layout using invisible items](/samples/CustomLayoutWithInvisibleItems.md)
+
+## Family Diagram Layout Use Cases
+* [Connectors Visualization](/samples/FamilyConnectorsVisualization.md)
+* [Inactive family items](/samples/InactiveFamilyItems.md)
+* [Spouses Without Children](/samples/SpousesInFamilyLayout.md)
+* [Family Items Ordering](/samples/FamilyChartItemsOrdering.md)
+
+## Item Template Use Cases
+* [Item Template](/samples/ItemTemplates.md)
+* [Zoom Using Item templates](/samples/ZoomWithItemTemplate.md)
+* [Labels & Item Template](/samples/ItemTemplateLabel.md)
+* [Cursor Template](/samples/CursorTemplate.md)
+* [Highlight Template](/samples/HighlightTemplate.md)
+
+## Annotations
+* [On-screen Connector Annotation](/samples/ConnectorAnnotation.md)
+* [Shape & Background Annotations](/samples/ShapeAndBackgroundAnnotations.md)
+* [Highlight Path Annotation](/samples/HighlightPathAnnotation.md)
+* [Labels cascades in Family Chart](/samples/LabelsCascadesInFamilyChart.md)