columnMenu.messages Object

The text messages that is played in the column menu. Use it to customize or localize the column menu messages.

Example - customizing column menu messages

<div id="treeList"></div>
<script>
  $("#treeList").kendoTreeList({
    columns: [
      { field: "name" },
      { field: "age" }
    ],
    sortable: true,
    filterable: true,
    columnMenu: {
      messages: {
        columns: "Choose columns",
        filter: "Apply filter",
        sortAscending: "Sort (asc)",
        sortDescending: "Sort (desc)"
      }
    },
    dataSource: {
      data: [
        { id: 1, parentId: null, name: "Jane Doe", age: 22 },
        { id: 2, parentId: 1, name: "John Doe", age: 24 },
        { id: 3, parentId: 1, name: "Jenny Doe", age: 14 }
      ]
    }
  });
</script>

columnMenu.messages.columns String (default: "Columns")

The text message that is displayed for the column selection menu item.

Example - setting the column selection message

<div id="treeList"></div>
<script>
    $("#treeList").kendoTreeList({
        columns: [
            { field: "name" },
            { field: "age" }
        ],
        columnMenu: {
            messages: {
              columns: "Choose columns"
            }
        },
        dataSource: {
            data: [
                { id: 1, parentId: null, name: "Jane Doe", age: 22 },
                { id: 2, parentId: 1, name: "John Doe", age: 24 }
            ]
        }
    });
</script>

columnMenu.messages.filter String (default: "Filter")

The text message that is displayed for the filter menu item.

Example - setting the filter message

<div id="treeList"></div>
<script>
  $("#treeList").kendoTreeList({
    columns: [
      { field: "name" },
      { field: "age" }
    ],
    filterable: true,
    columnMenu: {
      messages: {
        filter: "Apply filter"
      }
    },
    dataSource: {
      data: [
        { id: 1, parentId: null, name: "Jane Doe", age: 22 },
        { id: 2, parentId: 1, name: "John Doe", age: 24 },
        { id: 3, parentId: 1, name: "Jenny Doe", age: 14 }
      ]
    }
  });
</script>

columnMenu.messages.moveNext String (default: "Move Next")

The text message that is displayed for the Move to next position column menu item.

columnMenu.messages.movePrev String (default: "Move Previous")

The text message that is displayed for the Move to previous position column menu item.

columnMenu.messages.sortAscending String (default: "Sort Ascending")

The text message that is displayed for the menu item which performs the ascending sort mode.

Example - setting the message for the ascending sort mode

<div id="treeList"></div>
<script>
  $("#treeList").kendoTreeList({
    columns: [
      { field: "name" },
      { field: "age" }
    ],
    sortable: true,
    columnMenu: {
      messages: {
        sortAscending: "Sort (asc)"
      }
    },
    dataSource: {
      data: [
        { id: 1, parentId: null, name: "Jane Doe", age: 22 },
        { id: 2, parentId: 1, name: "John Doe", age: 24 },
        { id: 3, parentId: 1, name: "Jenny Doe", age: 14 }
      ]
    }
  });
</script>

columnMenu.messages.sortDescending String (default: "Sort Descending")

The text message that is displayed for the menu item which performs the descending sort mode.

Example - setting the message for the descending sort mode

<div id="treeList"></div>
<script>
  $("#treeList").kendoTreeList({
    columns: [
      { field: "name" },
      { field: "age" }
    ],
    sortable: true,
    columnMenu: {
      messages: {
        sortDescending: "Sort (desc)"
      }
    },
    dataSource: {
      data: [
        { id: 1, parentId: null, name: "Jane Doe", age: 22 },
        { id: 2, parentId: 1, name: "John Doe", age: 24 },
        { id: 3, parentId: 1, name: "Jenny Doe", age: 14 }
      ]
    }
  });
</script>

columnMenu.messages.settings String (default: "Column Settings")

The text message that is displayed in the menu header.

Example - setting the message for the menu header

<div id="treeList"></div>
<script>
  $("#treeList").kendoTreeList({
    columns: [
      { field: "name" },
      { field: "age" }
    ],
    sortable: true,
    columnMenu: {
      messages: {
        settings: "Column Options"
      }
    },
    dataSource: {
      data: [
        { id: 1, parentId: null, name: "Jane Doe", age: 22 },
        { id: 2, parentId: 1, name: "John Doe", age: 24 },
        { id: 3, parentId: 1, name: "Jenny Doe", age: 14 }
      ]
    }
  });
</script>

columnMenu.messages.lock String (default: "Lock Column")

The text message that is displayed in the column menu when locking a column.

Example - setting the messages for locking a column

<div id="treeList"></div>
<script>
  $("#treeList").kendoTreeList({
    columns: [
      { field: "name" },
      { field: "age" }
    ],
    sortable: true,
    columnMenu: {
      messages: {
        lock: "Pin Column"
      }
    },
    dataSource: {
      data: [
        { id: 1, parentId: null, name: "Jane Doe", age: 22 },
        { id: 2, parentId: 1, name: "John Doe", age: 24 },
        { id: 3, parentId: 1, name: "Jenny Doe", age: 14 }
      ]
    }
  });
</script>

columnMenu.messages.unlock String (default: "Unlock Column")

The text message that is displayed in the column menu for unlocking a column.

Example - setting the message for unlocking a column

<div id="treeList"></div>
<script>
  $("#treeList").kendoTreeList({
    columns: [
      { field: "name" },
      { field: "age" }
    ],
    sortable: true,
    columnMenu: {
      messages: {
        lock: "Unpin Column"
      }
    },
    dataSource: {
      data: [
        { id: 1, parentId: null, name: "Jane Doe", age: 22 },
        { id: 2, parentId: 1, name: "John Doe", age: 24 },
        { id: 3, parentId: 1, name: "Jenny Doe", age: 14 }
      ]
    }
  });
</script>