Skip to content

Commit ca4a8fb

Browse files
kendo-botkendo-bot
committed
Sync with Kendo UI Professional
1 parent b3ce4ea commit ca4a8fb

32 files changed

+2052
-20
lines changed

‎docs-aspnet/html-helpers/navigation/button/appearance.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -78,6 +78,7 @@ The following options are available for the `FillMode` configuration:
7878
- `Outline`
7979
- `Flat`
8080
- `Link`
81+
- `Clear`
8182
- `None`
8283

8384
### ThemeColor

‎docs/api/javascript/ui/autocomplete.md‎

Lines changed: 162 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -639,6 +639,87 @@ refer to [Popup](/api/javascript/ui/popup) documentation.
639639
});
640640
</script>
641641

642+
### prefixOptions `Object`
643+
644+
The configuration for the prefix adornment of the component.
645+
646+
#### Example - specify prefix adornment template
647+
648+
<input id="autocomplete" />
649+
<script>
650+
$("#autocomplete").kendoAutoComplete({
651+
dataSource: [
652+
{ id: 1, name: "Apples" },
653+
{ id: 2, name: "Oranges" }
654+
],
655+
dataTextField: "name",
656+
prefixOptions: {
657+
template: () => `${kendo.ui.icon("search")}`
658+
}
659+
});
660+
</script>
661+
662+
### prefixOptions.icon `String`
663+
664+
Defines the name for an existing icon in a Kendo UI theme or SVG content.
665+
666+
#### Example - specify prefix adornment icon
667+
668+
<input id="autocomplete" />
669+
<script>
670+
$("#autocomplete").kendoAutoComplete({
671+
dataSource: [
672+
{ id: 1, name: "Apples" },
673+
{ id: 2, name: "Oranges" }
674+
],
675+
dataTextField: "name",
676+
prefixOptions: {
677+
icon: "search"
678+
}
679+
})
680+
</script>
681+
682+
### prefixOptions.template `String|Function`
683+
684+
The [template](/api/javascript/kendo/methods/template) for the prefix adornment of the component.
685+
686+
#### Example - specify prefix adornment template
687+
688+
<input id="autocomplete" />
689+
<script>
690+
$("#autocomplete").kendoAutoComplete({
691+
dataSource: [
692+
{ id: 1, name: "Apples" },
693+
{ id: 2, name: "Oranges" }
694+
],
695+
dataTextField: "name",
696+
prefixOptions: {
697+
template: () => `${kendo.ui.icon("search")}`
698+
}
699+
})
700+
</script>
701+
702+
### prefixOptions.separator `Boolean` *(default: true)*
703+
704+
If set to `false`, the prefix adornment will not have a separator.
705+
706+
#### Example - specify prefix adornment separator
707+
708+
<input id="autocomplete" />
709+
<script>
710+
$("#autocomplete").kendoAutoComplete({
711+
dataSource: [
712+
{ id: 1, name: "Apples" },
713+
{ id: 2, name: "Oranges" }
714+
],
715+
dataTextField: "name",
716+
prefixOptions: {
717+
template: () => `${kendo.ui.icon("search")}`,
718+
separator: false
719+
}
720+
})
721+
</script>
722+
642723
### rounded `String`*(default: "medium")*
643724

644725
Sets a value controlling the border radius. Can also be set to the following string values:
@@ -722,6 +803,87 @@ The character used to separate multiple values. Empty by default.
722803
});
723804
</script>
724805

806+
### suffixOptions `Object`
807+
808+
The configuration for the suffix adornment of the component.
809+
810+
#### Example - specify suffix adornment template
811+
812+
<input id="autocomplete" />
813+
<script>
814+
$("#autocomplete").kendoAutoComplete({
815+
dataSource: [
816+
{ id: 1, name: "Apples" },
817+
{ id: 2, name: "Oranges" }
818+
],
819+
dataTextField: "name",
820+
suffixOptions: {
821+
template: () => `${kendo.ui.icon("search")}`
822+
}
823+
});
824+
</script>
825+
826+
### suffixOptions.icon `String`
827+
828+
Defines the name for an existing icon in a Kendo UI theme or SVG content.
829+
830+
#### Example - specify suffix adornment icon
831+
832+
<input id="autocomplete" />
833+
<script>
834+
$("#autocomplete").kendoAutoComplete({
835+
dataSource: [
836+
{ id: 1, name: "Apples" },
837+
{ id: 2, name: "Oranges" }
838+
],
839+
dataTextField: "name",
840+
suffixOptions: {
841+
icon: "search"
842+
}
843+
})
844+
</script>
845+
846+
### suffixOptions.template `String|Function`
847+
848+
The [template](/api/javascript/kendo/methods/template) for the suffix adornment of the component.
849+
850+
#### Example - specify suffix adornment template
851+
852+
<input id="autocomplete" />
853+
<script>
854+
$("#autocomplete").kendoAutoComplete({
855+
dataSource: [
856+
{ id: 1, name: "Apples" },
857+
{ id: 2, name: "Oranges" }
858+
],
859+
dataTextField: "name",
860+
suffixOptions: {
861+
template: () => `${kendo.ui.icon("search")}`
862+
}
863+
})
864+
</script>
865+
866+
### suffixOptions.separator `Boolean` *(default: true)*
867+
868+
If set to `false`, the suffix adornment will not have a separator.
869+
870+
#### Example - specify suffix adornment separator
871+
872+
<input id="autocomplete" />
873+
<script>
874+
$("#autocomplete").kendoAutoComplete({
875+
dataSource: [
876+
{ id: 1, name: "Apples" },
877+
{ id: 2, name: "Oranges" }
878+
],
879+
dataTextField: "name",
880+
suffixOptions: {
881+
template: () => `${kendo.ui.icon("search")}`,
882+
separator: false
883+
}
884+
})
885+
</script>
886+
725887
### suggest `Boolean` *(default: false)*
726888

727889
If set to `true` the widget will automatically use the first suggestion as its value.

‎docs/api/javascript/ui/combobox.md‎

Lines changed: 139 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -926,6 +926,76 @@ The available "x" positions are:
926926
}
927927
</style>
928928

929+
### prefixOptions `Object`
930+
931+
The configuration for the prefix adornment of the component.
932+
933+
#### Example - specify prefix adornment template
934+
935+
<input id="prefix" />
936+
<script>
937+
$("#prefix").kendoComboBox({
938+
label: "Combobox",
939+
dataSource: [1, 2],
940+
prefixOptions: {
941+
template: () => `${kendo.ui.icon("search")}`
942+
}
943+
});
944+
</script>
945+
946+
### prefixOptions.icon `String`
947+
948+
Defines the name for an existing icon in a Kendo UI theme or SVG content.
949+
950+
#### Example - specify prefix adornment icon
951+
952+
<input id="prefix" />
953+
<script>
954+
$("#prefix").kendoComboBox({
955+
label: "Combobox",
956+
dataSource: [1, 2],
957+
prefixOptions: {
958+
icon: "search"
959+
}
960+
})
961+
</script>
962+
963+
### prefixOptions.template `String|Function`
964+
965+
The [template](/api/javascript/kendo/methods/template) for the prefix adornment of the component.
966+
967+
#### Example - specify prefix adornment template
968+
969+
<input id="prefix" />
970+
<script>
971+
$("#prefix").kendoComboBox({
972+
label: "Combobox",
973+
dataSource: [1, 2],
974+
prefixOptions: {
975+
template: () => `${kendo.ui.icon("search")}`
976+
}
977+
})
978+
</script>
979+
980+
### prefixOptions.separator `Boolean` *(default: true)*
981+
982+
If set to `false`, the prefix adornment will not have a separator.
983+
984+
#### Example - specify prefix adornment separator
985+
986+
<input id="prefix" />
987+
<script>
988+
$("#prefix").kendoComboBox({
989+
label: "Combobox",
990+
dataSource: [1, 2],
991+
prefixOptions: {
992+
template: () => `${kendo.ui.icon("search")}`,
993+
separator: false
994+
}
995+
})
996+
</script>
997+
998+
929999
### rounded `String`*(default: "medium")*
9301000

9311001
Sets a value controlling the border radius. Can also be set to the following string values:
@@ -975,6 +1045,75 @@ Sets a value controlling size of the component. Can also be set to the following
9751045
});
9761046
</script>
9771047

1048+
### suffixOptions `Object`
1049+
1050+
The configuration for the suffix adornment of the component.
1051+
1052+
#### Example - specify suffix adornment template
1053+
1054+
<input id="suffix" />
1055+
<script>
1056+
$("#suffix").kendoComboBox({
1057+
label: "Combobox",
1058+
dataSource: [1, 2],
1059+
suffixOptions: {
1060+
template: () => `${kendo.ui.icon("search")}`
1061+
}
1062+
});
1063+
</script>
1064+
1065+
### suffixOptions.icon `String`
1066+
1067+
Defines the name for an existing icon in a Kendo UI theme or SVG content.
1068+
1069+
#### Example - specify suffix adornment icon
1070+
1071+
<input id="autocomplete" />
1072+
<script>
1073+
$("#suffix").kendoComboBox({
1074+
label: "Combobox",
1075+
dataSource: [1, 2],
1076+
suffixOptions: {
1077+
icon: "search"
1078+
}
1079+
})
1080+
</script>
1081+
1082+
### suffixOptions.template `String|Function`
1083+
1084+
The [template](/api/javascript/kendo/methods/template) for the suffix adornment of the component.
1085+
1086+
#### Example - specify suffix adornment template
1087+
1088+
<input id="suffix" />
1089+
<script>
1090+
$("#suffix").kendoComboBox({
1091+
label: "Combobox",
1092+
dataSource: [1, 2],
1093+
suffixOptions: {
1094+
template: () => `${kendo.ui.icon("search")}`
1095+
}
1096+
})
1097+
</script>
1098+
1099+
### suffixOptions.separator `Boolean` *(default: true)*
1100+
1101+
If set to `false`, the suffix adornment will not have a separator.
1102+
1103+
#### Example - specify suffix adornment separator
1104+
1105+
<input id="suffix" />
1106+
<script>
1107+
$("#suffix").kendoComboBox({
1108+
label: "Combobox",
1109+
dataSource: [1, 2],
1110+
suffixOptions: {
1111+
template: () => `${kendo.ui.icon("search")}`,
1112+
separator: false
1113+
}
1114+
})
1115+
</script>
1116+
9781117
### suggest `Boolean`*(default: false)*
9791118

9801119
If set to `true` the widget will automatically use the first suggestion as its value.

0 commit comments

Comments
 (0)