New to Kendo UI for AngularStart a free 30-day trial

Hide Scheduler Toolbar and Footer

Updated on Feb 24, 2026

Environment

ProductProgress® Kendo UI for Scheduler

Description

How can I hide the Scheduler toolbar and footer elements?

Solution

To hide the Scheduler toolbar and footer:

  1. Hide the footer by setting the showFooter property to false:

    html
    <kendo-scheduler [showFooter]="false">
        <!-- Scheduler views -->
    </kendo-scheduler>
  2. Hide the toolbar by using custom CSS styles:

    css
    .k-scheduler .k-scheduler-toolbar {
        display: none;
    }

The following example demonstrates the suggested approach in action.

Change Theme
Theme
Loading ...
In this article
EnvironmentDescriptionSolution
Not finding the help you need?
Contact Support