docs/8.0/ayanova/docs/ay-start-common-controls.md

@@ -45,9 +45,9 @@ The display and input format are controlled by both the device and web browser d
 
 The Date control is used to display and choose dates without time. Dates are displayed in the devices local time zone by default but can be [overriden](ay-start-localization.md/#time-zone-override).
 
-AyaNova has two versions of the Date control available" the default is a "Material" theme date picker that will display and work the same on any device and the alternative is to use your browsers default system date picker.
+AyaNova has two versions of the Date control available: the default is a "Material" theme date picker that will display and work the same on any device and the alternative is to use your browsers default system date picker.
 
-Which one is used is controlled in [User settings](home-user-settings.md/##user-browsers-standard-date-time-input-controls) "User browser standard date time input" setting.
+Which one is used is controlled in [User settings](home-user-settings.md/#user-browsers-standard-date-time-input-controls) "User browser standard date time input" setting.
 
 #### Default "Material" date picker:
 
@@ -55,6 +55,8 @@ Display mode:
 
 ![date view material mode](img/control-date-view-material.png)
 
+Clicking on the display mode date will open the control to Picker mode if the user has edit rights.
+
 Picker mode:
 
 ![date pick material mode](img/control-date-pick-material.png)
@@ -83,7 +85,7 @@ The Date and time control is used to display and choose dates and times as a pai
 
 AyaNova has two versions of the Date and Time control available: the default is a "Material" theme date and time picker that will display and work the same on any device and the alternative is to use your browsers default system date and time pickers.
 
-Which one is used is controlled in [User settings](home-user-settings.md/##user-browsers-standard-date-time-input-controls) "User browser standard date time input" setting.
+Which one is used is controlled in [User settings](home-user-settings.md/#user-browsers-standard-date-time-input-controls) "User browser standard date time input" setting.
 
 #### Default "Material" date and time picker:
 
@@ -175,6 +177,16 @@ On a narrow screen device such as a smart phone the save button reverts back to
 
 ### Percent
 
+![percent control](img/control-percent.png)
+
+The percent control displays and accepts percentage input in percentage format.
+
+Percentages are entered as the percent required, not a decimal fraction.
+
+In other words you would enter `5.5` to indicate 5.5% not `0.055`.
+
+The display and input format are controlled by the device and web browser default settings for decimal numbers.
+
 ### Phone
 
 ![Phone control](img/control-phone.png)
@@ -207,8 +219,56 @@ The select control is a simple drop down selection list used for short lists of
 
 ### Tag
 
+Tags are the primary way to categorize business objects in AyaNova for selection and business process control purposes.
+
+Tag control has it's own [Tag documentation page](ay-start-form-tags.md).
+
 ### Time
 
+The Time control is used to display and choose a time of day without the date portion. Times are displayed in the devices local time zone by default but can be [overriden](ay-start-localization.md/#time-zone-override).
+
+#### AM / PM vs 24 hour clock
+
+AyaNova will accept input and display times in 12 hour clock AM/PM mode or 24 hour clock mode depending upon the local standard set by the operating system and browser. You can override this to force a particular choice in [User settings](home-user-settings.md/#12-hour-clock) "12 hour clock" setting.
+
+AyaNova has two versions of the Time control available: the default is a "Material" theme time picker that will display and work the same on any device and the alternative is to use your browsers default time picker.
+
+Which one used is controlled in [User settings](home-user-settings.md/#user-browsers-standard-date-time-input-controls) "User browser standard date time input" setting.
+
+#### Default "Material" time picker:
+
+Display mode:
+
+![time view material mode](img/control-time-view-material.png)
+
+Clicking on the display mode time control will open the control to picker mode (if the user has rights to edit the time).
+
+Picker mode:
+
+![time pick material mode](img/control-time-pick-material.png)
+
+In picker mode a banner showing the selected hour, minutes and optionally am/pm will be displayed at the top. Clicking on this hour or minute display will control which portion of the time is selectable in the central clock face portion of the display. Click on the AM / PM designator to change.
+
+Click in the clock itself to select specific hour or minute.
+
+**Tip** this control works with a mouse scroll wheel to quickly rotate the hands of the clock.
+
+- `Delete` option will remove the time completely.
+- `Now` will set it to the local current time.
+- `OK` will close the time picker.
+
+#### Browser default time picker
+
+Will function and display differently on each type of device and browser, in Windows on FireFox it looks like this:
+
+Display mode:
+
+![time view browser mode](img/control-time-view-browser.png)
+
+Picker mode:
+
+![time pick browser mode](img/control-time-pick-browser.png)
+
 ### Upload
 
 (import, report template upload etc etc)