diff --git a/docs/8.0/ayanova/docs/ay-start-common-controls.md b/docs/8.0/ayanova/docs/ay-start-common-controls.md index 7c091cac..7f2c10cf 100644 --- a/docs/8.0/ayanova/docs/ay-start-common-controls.md +++ b/docs/8.0/ayanova/docs/ay-start-common-controls.md @@ -39,18 +39,76 @@ When the role control is opened for selection by clicking on the drop down caret Place or removing a check in the checkbox to the left of a role will select or de-select that role. -### Autocomplete (searchable pick list) +### Autocomplete The Autocomplete list is at the heart of many forms in AyaNova and is provided to quickly search for and select a related AyaNova business object. For example a Customer on a Work order. -There are so many features in an Autocomplete list that it has it's own [Autocomplete documentation page](ay-start-form-autocomplete-md). +There are many features in an Autocomplete list and it has it's own [Autocomplete documentation page](ay-start-form-autocomplete-md). ### Currency +![currency control](img/control-currency.png) + +The currency control displays and accepts currency input. + +The display and input format are controlled by both the device and web browser default settings for decimal numbers and the desired currency code set in the [User settings](home-user-settings.md/#currency-code) currency code field. + ### Date +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 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. + +Default "Material" date picker: + +Display mode: + +![date view material mode](img/control-date-view-material.png) + +Picker mode: + +![date pick material mode](img/control-date-pick-material.png) + +Browser default date picker will display differently on different devices, in Windows on FireFox it looks like this: + +Display mode: + +![date view browser mode](img/control-date-view-browser.png) + +Picker mode: + +![date pick browser mode](img/control-date-pick-browser.png) + ### Date and Time +The Date and time control is used to display and choose dates and times as a pair and is the most common date and time related control in AyaNova as most objects require a precise timestamp. Dates and times 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 and Time control available, the default is a "Material" theme date and time picker 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. + +Default "Material" date and time picker: + +Display mode: + +![date and time view material mode](img/control-date-time-view-material.png) + +Picker mode: + +![date and time pick material mode](img/control-date-time-pick-material.png) + +Browser default date picker will display differently on different devices, in Windows on FireFox it looks like this: + +Display mode: + +![date and time view browser mode](img/control-date-time-view-browser.png) + +Picker mode: + +![date and time pick browser mode](img/control-date-time-pick-browser.png) + ### Day of week ### Decimal diff --git a/docs/8.0/ayanova/docs/img/control-currency.png b/docs/8.0/ayanova/docs/img/control-currency.png new file mode 100644 index 00000000..8cc94595 Binary files /dev/null and b/docs/8.0/ayanova/docs/img/control-currency.png differ diff --git a/docs/8.0/ayanova/docs/img/control-date-pick-browser.png b/docs/8.0/ayanova/docs/img/control-date-pick-browser.png new file mode 100644 index 00000000..b64f47a4 Binary files /dev/null and b/docs/8.0/ayanova/docs/img/control-date-pick-browser.png differ diff --git a/docs/8.0/ayanova/docs/img/control-date-pick-material.png b/docs/8.0/ayanova/docs/img/control-date-pick-material.png new file mode 100644 index 00000000..cff9dfa1 Binary files /dev/null and b/docs/8.0/ayanova/docs/img/control-date-pick-material.png differ diff --git a/docs/8.0/ayanova/docs/img/control-date-time-view-browser.png b/docs/8.0/ayanova/docs/img/control-date-time-view-browser.png new file mode 100644 index 00000000..8247703e Binary files /dev/null and b/docs/8.0/ayanova/docs/img/control-date-time-view-browser.png differ diff --git a/docs/8.0/ayanova/docs/img/control-date-time-view-material.png b/docs/8.0/ayanova/docs/img/control-date-time-view-material.png new file mode 100644 index 00000000..d94de0e0 Binary files /dev/null and b/docs/8.0/ayanova/docs/img/control-date-time-view-material.png differ diff --git a/docs/8.0/ayanova/docs/img/control-date-view-browser.png b/docs/8.0/ayanova/docs/img/control-date-view-browser.png new file mode 100644 index 00000000..4f07b80c Binary files /dev/null and b/docs/8.0/ayanova/docs/img/control-date-view-browser.png differ diff --git a/docs/8.0/ayanova/docs/img/control-date-view-material.png b/docs/8.0/ayanova/docs/img/control-date-view-material.png new file mode 100644 index 00000000..7ca13822 Binary files /dev/null and b/docs/8.0/ayanova/docs/img/control-date-view-material.png differ diff --git a/docs/8.0/ayanova/docs/img/control-time-pick-browser.png b/docs/8.0/ayanova/docs/img/control-time-pick-browser.png new file mode 100644 index 00000000..5b7108ee Binary files /dev/null and b/docs/8.0/ayanova/docs/img/control-time-pick-browser.png differ diff --git a/docs/8.0/ayanova/docs/img/control-time-pick-material.png b/docs/8.0/ayanova/docs/img/control-time-pick-material.png new file mode 100644 index 00000000..1c660b36 Binary files /dev/null and b/docs/8.0/ayanova/docs/img/control-time-pick-material.png differ diff --git a/docs/8.0/ayanova/docs/img/control-time-view-material.png b/docs/8.0/ayanova/docs/img/control-time-view-material.png new file mode 100644 index 00000000..44b924ff Binary files /dev/null and b/docs/8.0/ayanova/docs/img/control-time-view-material.png differ