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

CustomMessagesComponent

Component

The component allows you to override the default component messages with custom ones. (See example.)

Definition

Package:@progress/kendo-angular-grid

Selector:kendo-grid-messages

Syntax:

html

<kendo-grid [data]="gridData">
  <kendo-grid-messages
    [noRecords]="'No data found.'"
    [pagerLabel]="'Page {currentPage} of {totalPages}'">
  </kendo-grid-messages>
</kendo-grid>

Inputs

adaptiveBackButtonTitle

string

Sets the title for the Back button of the ActionSheet that appears instead of the Popup on small screens in adaptive mode.

adaptiveCloseButtonTitle

string

Sets the title for the Close button of the ActionSheet that appears instead of the Popup on small screens in adaptive mode.

adaptiveFilterOperatorsTitle

any

Sets the title for the Operators ActionSheet in adaptive mode.

adaptiveFilterTitle

string

Sets the title for the adaptive Filter Toolbar Tool and Filter Menu.

adaptiveGroupTitle

string

Sets the title for the adaptive Group Toolbar Tool.

adaptiveSortTitle

string

Sets the title for the adaptive Sort Toolbar Tool.

addToolbarToolText

string

Sets the text for the Grid Add toolbar tool.

aiAssistantApplyButtonText

string

The text of the AI Assistant Apply button.

aiAssistantOutputCardBodyContent

string

The success message dispayed in the AI Assistant Prompt Output Card's body.

aiAssistantOutputCardTitle

string

The title of the AI Assistant Prompt Output Card.

aiAssistantSelectionCellModeRequired

string

The message shown when AI selection requires cell selection mode.

aiAssistantSelectionNotEnabled

string

The message shown when AI selection requires the Grid selectable option.

aiAssistantSelectionRowModeRequired

string

The message shown when AI selection requires row selection mode.

aiAssistantToolbarToolText

string

The text of the AI Assistant toolbar tool.

aiAssistantWindowCloseTitle

string

The title of the AI Assistant Window close button.

aiAssistantWindowMaximizeTitle

string

The title of the AI Assistant Window maximize button.

aiAssistantWindowMinimizeTitle

string

The title of the AI Assistant Window minimize button.

aiAssistantWindowRestoreTitle

string

The title of the AI Assistant Window restore button.

aiAssistantWindowTitle

string

The text of the AI Assistant Window title.

autosizeAllColumns

string

Sets the text in the column menu for the autosize all columns item.

autosizeThisColumn

string

Sets the text in the column menu for the autosize this column item.

booleanFilterCellLabel

string

Sets the label for the boolean filter cell DropDownList.

The label includes the column name and a localizable string. For example, for a column named Product Name, the default label is Boolean filter cell for Product Name.

You can reorder the column name and the localizable part by using a placeholder in booleanFilterCellLabel. Use {columnName} to insert the column name, for example, Boolean Filter operator for {columnName}. See example.

bottomToolbarLabel

string

Sets the label for the bottom toolbar.

cancelToolbarToolText

string

Sets the text for the Grid Cancel toolbar tool.

checkboxColumnHeaderLabel

string

Sets the screen-reader-only content for the checkbox column header when the select-all checkbox is not displayed.

columnChooserSearchLabel

string

Sets the text for the aria-label attribute applied to the search input in the Column Chooser.

columnChooserSelectAll

string

Sets the text for the Select all checkbox in the Column Chooser.

columnChooserSelectedColumnsCount

string

The message for the selected columns count in the Column Chooser. Follows the pattern **{selectedColumnsCount} Selected items ** by default.

The message consists of two parts - selected columns count and a localizable string. To allow for reordering its parts, the columnChooserSelectedColumnsCount input accepts a string with a placeholder for the selected columns count. The {selectedColumnsCount} placeholder will be replaced internally with the respective actual value.

columnMenu

string

Sets the title for the column menu icon.

The title includes the column name and a localizable string. For example, for a column named Product Name, the default title is Product Name Column Menu.

You can reorder the column name and the localizable part by using a placeholder in columnMenu. Use {columnName} to insert the column name, for example, menu for {columnName}. See example.

columnMenuColumnsTabTitle

string

Sets the title for the column menu Columns tab.

columnMenuFilterTabTitle

string

Sets the title for the column menu Filter tab.

columnMenuGeneralTabTitle

string

Sets the title for the column menu General tab.

columns

string

Sets the text for the Grid Column Chooser and Column Chooser toolbar tool.

columnsApply

string

Sets the text in the column menu or column chooser item for the Apply button.

columnsReset

string

Sets the text in the column menu or column chooser item for the Reset button.

columnsSubtitle

string

Sets the subtitle for the adaptive Grid Column Chooser and Column Chooser toolbar tool.

commandColumnHeaderLabel

string

Sets the screen-reader-only content for the command column header.

csvExportToolbarToolText

string

Sets the text for the Grid CSV export toolbar tool.

detailCollapse

string

Sets the title for the collapse icon of detail rows. Applies also to the collapse button text in stacked mode.

detailColumnHeaderLabel

string

Sets the screen-reader-only content for the detail expand/collapse column header.

detailExpand

string

Sets the title for the expand icon of detail rows. Applies also to the expand button text in stacked mode.

dragColumnHeaderLabel

string

Sets the screen-reader-only content for the row reorder column header.

dragRowHandleLabel

string

Sets the label for the Grid drag row handle.

editToolbarToolText

string

Sets the text for the Grid Edit toolbar tool.

excelExportToolbarToolText

string

Sets the text for the Grid Excel Export toolbar tool.

externalEditingAddTitle

string

Sets the title for the external editing Dialog or ActionSheet when adding a new item.

externalEditingCancelText

string

Sets the text for the external editing Dialog Cancel button.

externalEditingSaveText

string

Sets the text for the external editing Dialog Save button.

externalEditingTitle

string

Sets the title for the external editing Dialog or ActionSheet when editing an item.

filter

string

Sets the label for the filter cell or icon.

filterAfterOperator

string

Sets the text for the After (Is after) date filter operator.

filterAfterOrEqualOperator

string

Sets the text for the AfterOrEqualTo (Is after or equal to) date filter operator.

filterAndLogic

string

Sets the text for the And filter logic.

filterBeforeOperator

string

Sets the text for the Before (Is before) date filter operator.

filterBeforeOrEqualOperator

string

Sets the text for the BeforeOrEqualTo (Is before or equal to) date filter operator.

filterBooleanAll

string

Sets the text for the (All) option in the Boolean filter.

filterCellOperatorLabel

string

Sets the label for the filter cell operators DropDownList.

The label includes the column name and a localizable string. For example, for a column named Product Name, the default label is Filter cell operators for Product Name.

You can reorder the column name and the localizable part by using a placeholder in filterCellOperatorLabel. Use {columnName} to insert the column name, for example, Filter operators for {columnName}. See example.

filterClearAllButton

string

Sets the text for the Clear all filters button in the Filter Toolbar Tool and adaptive Filter Toolbar Tool.

filterClearButton

string

Sets the text for the Clear filter button.

filterContainsOperator

string

Sets the text for the Contains (Contains) filter operator.

filterDateToday

string

Sets the text for the Today button in the Date filter.

filterDateToggle

string

Sets the title for the Toggle button in the Date filter.

filterEndsWithOperator

string

Sets the text for the EndsWith (Ends with) string filter operator.

filterEqOperator

string

Sets the text for the Equal (Is equal to) filter operator.

filterFilterButton

string

Sets the text for the Filter button.

filterGteOperator

string

Sets the text for the GreaterOrEqualTo (Is greater than or equal to) numeric filter operator.

filterGtOperator

string

Sets the text for the Greater (Is greater than) numeric filter operator.

filterInputLabel

string

Sets the label for the filter input.

The filter input label includes the column name and a localizable string. For example, for a column named Product Name, the default label is Product Name Filter.

You can reorder the column name and the localizable part by using a placeholder in filterInputLabel. Use {columnName} to insert the column name, for example, filter for {columnName}. See example.

filterIsEmptyOperator

string

Sets the text for the IsEmpty (Is empty) filter operator.

filterIsFalse

string

Sets the text for the IsFalse Boolean filter option.

filterIsNotEmptyOperator

string

Sets the text for the IsNotEmpty (Is not empty) filter operator.

filterIsNotNullOperator

string

Sets the text for the IsNotNull (Is not null) filter operator.

filterIsNullOperator

string

Sets the text for the IsNull (Is null) filter operator.

filterIsTrue

string

Sets the text for the IsTrue Boolean filter option.

filterLteOperator

string

Sets the text for the LessOrEqualTo (Is less than or equal to) numeric filter operator.

filterLtOperator

string

Sets the text for the Less (Is less than) numeric filter operator.

filterMenuLogicDropDownLabel

string

Sets the label for the filter menu logic DropDownList.

The label includes the column name and a localizable string. For example, for a column named Product Name, the default label is Product Name Filter Menu Logic.

You can reorder the column name and the localizable part by using a placeholder in filterMenuLogicDropDownLabel. Use {columnName} to insert the column name, for example, filter logic for {columnName}. See example.

filterMenuOperatorsDropDownLabel

string

Sets the label for the filter menu operators DropDownList.

The label includes the column name and a localizable string. For example, for a column named Product Name, the default label is Product Name Filter Menu Operators.

You can reorder the column name and the localizable part by using a placeholder in filterMenuOperatorsDropDownLabel. Use {columnName} to insert the column name, for example, filter operators for {columnName}. See example.

filterMenuTitle

string

Sets the title for the filter menu icon.

The title includes the column name and a localizable string. For example, for a column named Product Name, the default title is Product Name Filter Menu.

You can reorder the column name and the localizable part by using a placeholder in filterMenuTitle. Use {columnName} to insert the column name, for example, filter for {columnName}. See example.

filterNotContainsOperator

string

Sets the text for the DoesNotContain (Does not contain) filter operator.

filterNotEqOperator

string

Sets the text for the NotEqual (Is not equal to) filter operator.

filterNumericDecrement

string

Sets the title for the Decrement button in the Numeric filter.

filterNumericIncrement

string

Sets the title for the Increment button in the Numeric filter.

filterOrLogic

string

Sets the text for the Or filter logic.

filterStartsWithOperator

string

Sets the text for the StartsWith (Starts with) filter operator.

filterToolbarToolText

string

Sets the button text for the Filter toolbar tool.

formValidationErrorText

string

Sets the default text for a form validation error when you use built-in external editing.

The text includes the data item property name, the error name from the FormControl object, and a localizable string.

For a field named ProductName and an error named required, the default error text is ProductName has required validation error.

To customize the error text, use the {errorName} and {fieldName} placeholders and a custom localizable string. For example, {errorName} detected for {fieldName} field.

The {errorName} and {fieldName} placeholders are replaced with the field and error names for the invalid form control, and the error message is rendered as required error detected for ProductName field. See example.

gridLabel

string

Sets the text for the aria-label attribute on the Grid focusable element.

groupChipMenuNext

string

Sets the text for the Group pane Chip Menu Move as next item.

groupChipMenuPrevious

string

Sets the text for the Group pane Chip Menu Move as previous item.

groupClearButton

string

Sets the text for the Clear grouping button in the Group Toolbar Tool and adaptive Group Toolbar Tool.

groupCollapse

string

Sets the text for the title and aria-label attributes on the collapse icon of group rows.

groupDoneButton

string

Sets the text for the Done group button in the adaptive Group Toolbar Tool.

groupExpand

string

Sets the text for the title and aria-label attributes on the expand icon of group rows.

groupPanelEmpty

string

Sets the text for the empty group panel.

groupPanelLabel

string

Sets the label for the group panel toolbar.

groupToolbarToolText

string

Sets the button text for the Group toolbar tool.

loading

string

Sets the text to convey to assistive technologies while the Grid is loading. The loading property represents a Grid accessibility feature. Screen readers can detect its value, but it is not visible otherwise.

lock

string

Sets the text in the column menu for the lock item.

multiCheckboxFilterSearchPlaceholder

string

The placeholder text for the multi-checkbox filter search input

multiCheckboxFilterSelectAllLabel

string

The label for the multi-checkbox filter select all option

multiCheckboxFilterSelectedItemsCount

string

The text for the multi-checkbox filter selected items count

The text includes the selected items count and a localizable string. For 3 selected items the default text is 3 selected items.

To customize the text, use the {selectedItemsCount} placeholder and a custom localizable string. For example, {selectedItemsCount} items are selected.

The {selectedItemsCount} placeholder is replaced with the count of selected items, and the message is rendered as 3 items are selected.

noRecords

string

Sets the text when there are no records.

pagerFirstPage

string

Sets the label for the First page button.

pagerInputLabel

string

Sets the text for the aria-label attribute on the page number input element.

pagerItems

string

Sets the text displayed after the total number of items.

pagerItemsPerPage

string

Sets the text displayed after the page-size selector.

pagerLabel

string

Sets the label for the pager. By default, it follows the pattern Page {currentPage} of {totalPages}. For example, when the current page is 1 and the total number of pages is 10, the label is Page navigation, page 1 of 10.

The message includes the current page number, total number of pages, and a localizable string. You can reorder these parts by using placeholders in the pagerLabel input. Use {currentPage} and {totalPages} to insert the actual values. See example.