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

Messages.moreEventsPopover

configuration

Configures the messages in the Month view overflow popover. These messages are processed only when the Month view has moreEventsPopover set to true.

messages.moreEventsPopover

Object

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  date: new Date("2026/8/3"),
  views: [{ type: "month", selected: true, eventsPerDay: 1, moreEventsPopover: true }],
  messages: {
    moreEventsPopover: {
      eventsLabel: "Appointments",
      noEvents: "No appointments for this date."
    }
  },
  dataSource: [
    { id: 1, title: "Inspection", start: new Date("2026/8/3 09:00"), end: new Date("2026/8/3 10:00") },
    { id: 2, title: "Delivery", start: new Date("2026/8/3 11:00"), end: new Date("2026/8/3 12:00") }
  ]
});
</script>

messages.moreEventsPopover.eventsLabel

String

The accessible label for the event list in the Month view overflow popover. The message is consumed only when the Month view has moreEventsPopover set to true.

Default: "Events"

<div id="scheduler"></div>
<script>
$("#scheduler").kendoScheduler({
  date: new Date("2026/8/3"),
  views: [{ type: "month", selected: true, eventsPerDay: 1, moreEventsPopover: true }],
  messages: { moreEventsPopover: { eventsLabel: "Appointments" } },
  dataSource: [
    { id: 1, title: "Inspection", start: new Date("2026/8/3 09:00"), end: new Date("2026/8/3 10:00") },
    { id: 2, title: "Delivery", start: new Date("2026/8/3 11:00"), end: new Date("2026/8/3 12:00") }
  ]
});
</script>

messages.moreEventsPopover.noEvents

String

The text displayed when the Month view overflow popover has no events for the selected date. The message is consumed only when the Month view has moreEventsPopover set to true.

Default: "No events on this date."

<div id="scheduler"></div>
<p id="configured-message"></p>
<script>
$("#scheduler").kendoScheduler({
  date: new Date("2026/8/3"),
  views: [{ type: "month", selected: true, moreEventsPopover: true }],
  messages: { moreEventsPopover: { noEvents: "No appointments for this date." } }
});
var scheduler = $("#scheduler").data("kendoScheduler");
$("#configured-message").text(scheduler.options.messages.moreEventsPopover.noEvents);
</script>