New to Kendo UI for Angular? Start a free 30-day trial

CustomMessagesComponent

Component

Custom component messages override default component messages (see example).

Definition

Package:@progress/kendo-angular-dropdowns

Selector:kendo-dropdownlist-messages,kendo-combobox-messages,kendo-multicolumncombobox-messages,kendo-autocomplete-messages,kendo-multiselect-messages,kendo-dropdowntree-messages,kendo-multiselecttree-messages

Syntax:

html

<kendo-dropdownlist>
  <kendo-dropdownlist-messages
    noDataText="No items found"
    clearTitle="Clear selection">
  </kendo-dropdownlist-messages>
</kendo-dropdownlist>

<kendo-combobox>
  <kendo-combobox-messages
    noDataText="No items found"
    filterInputPlaceholder="Search items">
  </kendo-combobox-messages>
</kendo-combobox>

<kendo-multicolumncombobox>
  <kendo-multicolumncombobox-messages
    noDataText="No items found"
    clearTitle="Clear selection">
  </kendo-multicolumncombobox-messages>
</kendo-multicolumncombobox>

<kendo-autocomplete>
  <kendo-autocomplete-messages
    noDataText="No items found"
    filterInputPlaceholder="Type to search">
  </kendo-autocomplete-messages>
</kendo-autocomplete>

<kendo-multiselect>
  <kendo-multiselect-messages
    checkAllText="Select all"
    clearTitle="Clear all">
  </kendo-multiselect-messages>
</kendo-multiselect>

<kendo-dropdowntree>
  <kendo-dropdowntree-messages
    noDataText="No items found"
    selectButtonText="Select item">
  </kendo-dropdowntree-messages>
</kendo-dropdowntree>

<kendo-multiselecttree>
  <kendo-multiselecttree-messages
    checkAllText="Select all"
    clearTitle="Clear all">
  </kendo-multiselecttree-messages>
</kendo-multiselecttree>

Inputs

adaptiveCloseButtonTitle

string

The title of the Close button of the ActionSheet that is rendered instead of the Popup when using small screen devices in adaptive mode.

checkAllText

string

The text displayed for the check-all checkbox.

clearTitle

string

The title of the clear button.

filterInputLabel

string

The text set as aria-label on the list filter input.

filterInputPlaceholder

string

The text for the input's placeholder when filtering is enabled.

noDataText

string

The text displayed in the popup when there are no items.

popupLabel

string

The text set as aria-label on the popup containing the list of options when its role is region.

selectButtonText

string

The text set as aria-label on the select button.

useCustomValueText

string

The text displayed when the user types a custom value that is not in the list of options.

The text includes a localizable string and the custom value. For example, when adding a custom value Test, the default text is Use "Test".

You can reorder the custom value and the localizable part by using a placeholder in useCustomValueText. Use {customValue} to insert the value, for example, Add: {customValue}.