From d1a1e5938137047ce106f4e628e3c410351a71a4 Mon Sep 17 00:00:00 2001 From: vladimirbackendless <115621450+vladimirbackendless@users.noreply.github.com> Date: Mon, 3 Apr 2023 22:37:09 +0300 Subject: [PATCH 1/4] Update README.md --- .../bl-autocomplete-component/README.md | 23 +++++++++++++++---- 1 file changed, 18 insertions(+), 5 deletions(-) diff --git a/components/bl-autocomplete-component/README.md b/components/bl-autocomplete-component/README.md index 6847301ea..deb39861a 100644 --- a/components/bl-autocomplete-component/README.md +++ b/components/bl-autocomplete-component/README.md @@ -1,19 +1,32 @@ # Autocomplete -Autocomplete is a component of Backendless UI-Builder designer. This allows you to select an item from a list of options. +Autocomplete is the component of Backendless UI-Builder designer. It allows selecting one of the options from the list.

main thumbnail

+All options are stored in a JSON object, that can be set either by using UI-Builder settings or Codeless Logic. You can also group options by passing a list containing JSON objects to the component: + +

+ Array of objects +

+ +Once the option is selected from the list it gets saved to the local variable **Input Value** in the Codeless Logic. Suppose you selected the "Basketball" option from the list in the e-commerce store, then this value can be used later on to load and display products of a specific category ("Basketball") on the page. You must use the **On Changed Event** handler to get the selected value. + +

+ On Changed Handler +

+ + ## Properties | Property | Type | Default Value | Logic | Data Binding | UI Setting | Description | |---------------------------------------------|--------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|---------------------------|--------------|------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| -| Disabled
`disabled` | Checkbox | `false` | Disabled Logic | YES | YES | This handler allows you to disable a component. | -| Placeholder
`placeholder` | Text | "Placeholder" | Placeholder Logic | YES | YES | This handler allows you to specify a label of autocomplete component. | -| Empty Options Label
`emptyOptionsLabel` | Text | "No options" | Empty Options Label Logic | YES | YES | This handler allows you to add a label that will be displayed when the dropdown menu is empty. | -| Variant
`variant` | Select [Outlined:`outlined`
Standart:`standart`
Filled:`filled`] | Outlined:`outlined` | Variant Logic | YES | YES | This handler allows you to specify the variant of autocomplete. | +| Disabled
`disabled` | Checkbox | `false` | Disabled Logic | YES | YES | This handler allows disabling a component. | +| Placeholder
`placeholder` | Text | "Placeholder" | Placeholder Logic | YES | YES | This handler allows specifying a label of autocomplete component. | +| Empty Options Label
`emptyOptionsLabel` | Text | "No options" | Empty Options Label Logic | YES | YES | This handler allows adding a label that will be displayed when the dropdown menu is empty. | +| Variant
`variant` | Select [Outlined:`outlined`
Standart:`standart`
Filled:`filled`] | Outlined:`outlined` | Variant Logic | YES | YES | This handler allows specifying the variant of the autocomplete. | | Options
`options` | JSON | `[`
`{"groupLabel":"Winter",`
`"children": [{"label": "December", "value": "December"},{"label": "January", "value": "January"},{"label": "February", "value": "February"}]},`
`{"groupLabel": "Summer",`
`"children": [{"label": "June", "value": "June"},{"label": "July", "value": "July"},{"label": "August", "value": "August"}]}`
`]` | Options Logic | YES | YES | This handler allows you to add options to be displayed in the options list. Watch [Codeless Examples](#examples). Signature of options: list of objects `{value: String, label: String}`. Signature of grouped options: list of objects `{groupLabel: String, children: list of objects {value: String, label: String}}` | ## Events From c2feeb613a5c404f1a1bccce37572c5718fed81c Mon Sep 17 00:00:00 2001 From: Dmytro Vakuliuk Date: Wed, 5 Apr 2023 14:32:31 +0000 Subject: [PATCH 2/4] upload readme assets --- components/bl-autocomplete-component/README.md | 4 ++-- .../example-images/autocomplete_component_1.png | Bin 0 -> 19802 bytes .../example-images/autocomplete_component_2.png | Bin 0 -> 2755 bytes 3 files changed, 2 insertions(+), 2 deletions(-) create mode 100644 components/bl-autocomplete-component/example-images/autocomplete_component_1.png create mode 100644 components/bl-autocomplete-component/example-images/autocomplete_component_2.png diff --git a/components/bl-autocomplete-component/README.md b/components/bl-autocomplete-component/README.md index deb39861a..415bc5e77 100644 --- a/components/bl-autocomplete-component/README.md +++ b/components/bl-autocomplete-component/README.md @@ -3,13 +3,13 @@ Autocomplete is the component of Backendless UI-Builder designer. It allows selecting one of the options from the list.

- main thumbnail + main thumbnail

All options are stored in a JSON object, that can be set either by using UI-Builder settings or Codeless Logic. You can also group options by passing a list containing JSON objects to the component:

- Array of objects + Array of objects

Once the option is selected from the list it gets saved to the local variable **Input Value** in the Codeless Logic. Suppose you selected the "Basketball" option from the list in the e-commerce store, then this value can be used later on to load and display products of a specific category ("Basketball") on the page. You must use the **On Changed Event** handler to get the selected value. diff --git a/components/bl-autocomplete-component/example-images/autocomplete_component_1.png b/components/bl-autocomplete-component/example-images/autocomplete_component_1.png new file mode 100644 index 0000000000000000000000000000000000000000..cbb83525df8e101a47000b3f9b60aa9ac27dcd1e GIT binary patch literal 19802 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 Date: Wed, 5 Apr 2023 17:34:36 +0300 Subject: [PATCH 3/4] Update components/bl-autocomplete-component/README.md --- components/bl-autocomplete-component/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/bl-autocomplete-component/README.md b/components/bl-autocomplete-component/README.md index 415bc5e77..e6a54c030 100644 --- a/components/bl-autocomplete-component/README.md +++ b/components/bl-autocomplete-component/README.md @@ -15,7 +15,7 @@ All options are stored in a JSON object, that can be set either by using UI-Buil Once the option is selected from the list it gets saved to the local variable **Input Value** in the Codeless Logic. Suppose you selected the "Basketball" option from the list in the e-commerce store, then this value can be used later on to load and display products of a specific category ("Basketball") on the page. You must use the **On Changed Event** handler to get the selected value.

- On Changed Handler + On Changed Handler

From e310929f8b50ab7acc85d77e91875d122d20b8d0 Mon Sep 17 00:00:00 2001 From: Dmytro Vakuliuk Date: Wed, 5 Apr 2023 18:07:58 +0300 Subject: [PATCH 4/4] Update components/bl-autocomplete-component/README.md --- components/bl-autocomplete-component/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/bl-autocomplete-component/README.md b/components/bl-autocomplete-component/README.md index e6a54c030..53751c4a9 100644 --- a/components/bl-autocomplete-component/README.md +++ b/components/bl-autocomplete-component/README.md @@ -3,7 +3,7 @@ Autocomplete is the component of Backendless UI-Builder designer. It allows selecting one of the options from the list.

- main thumbnail + main thumbnail

All options are stored in a JSON object, that can be set either by using UI-Builder settings or Codeless Logic. You can also group options by passing a list containing JSON objects to the component: