messages Object

The text messages displayed in the widget. Use it to customize or localize the messages.

Example - customize PanelBar messages

<ul id="panelbar"></ul>
<script>
$("#panelbar").kendoPanelBar({
  dataSource: {
    transport: {
      read: function(options) {
        // request always fails after 1s
        setTimeout(function() {
          options.error({});
        }, 1000);
      }
    }
  },
  messages: {
    retry: "Wiederholen",
    requestFailed: "Anforderung fehlgeschlagen.",
    loading: "Laden..."
  }
});
</script>

messages.loading String (default: "Loading...")

The text message shown while the root level items are loading.

Example - customize loading message

<ul id="panelbar"></ul>
<script>
$("#panelbar").kendoPanelBar({
  dataSource: {
    transport: {
      read: function(options) {
        // request always fails after 1s
        setTimeout(function() {
          options.error({});
        }, 1000);
      }
    }
  },
  messages: {
    loading: "Laden..."
  }
});
</script>

messages.requestFailed String (default: "Request failed.")

The text message shown when an error occurs while fetching the content.

Example - customize requestFailed message

<ul id="panelbar"></ul>
<script>
$("#panelbar").kendoPanelBar({
  dataSource: {
    transport: {
      read: function(options) {
        // request always fails after 1s
        setTimeout(function() {
          options.error({});
        }, 1000);
      }
    }
  },
  messages: {
    requestFailed: "Anforderung fehlgeschlagen."
  }
});
</script>

messages.retry String (default: "Retry")

The text message shown in the retry button.

Example - customize retry message

<ul id="panelbar"></ul>
<script>
$("#panelbar").kendoPanelBar({
  dataSource: {
    transport: {
      read: function(options) {
        // request always fails after 1s
        setTimeout(function() {
          options.error({});
        }, 1000);
      }
    }
  },
  messages: {
    retry: "Wiederholen"
  }
});
</script>
In this article