Kendo Ui Gantt : Remove gantt toolbars (header and footer ones)

1 Answer 52 Views
Gantt Toolbar
gil
Top achievements
Rank 1
gil asked on 20 May 2021, 08:45 AM

Hello, is it possible to remove the header and footer toolbars from gantt component? 

I tried already with css


.k-gantt-header, .k-gantt-footer {
        display: none;
    }

  but it's not working. 

1 Answer, 1 is accepted

Sort by
1
Accepted
Neli
Telerik team
answered on 25 May 2021, 06:26 AM

Hi,

I tried to hide the Gantt toolbar by using the provided style and the toolbar gets hidden on my end. Here is a Dojo where this is demonstrated.  You could also use the .k-gantt-toolbar class and hide the toolbars.

 .k-gantt-toolbar {
        display: none;
 }

Or you could also hide the elements in the toolbar

.k-gantt-toolbar .k-gantt-views-wrapper, .k-gantt-toolbar .k-button {
        display: none;
}

Here is a Dojo example where only the elements in the Gantt toolbar are hidden. 

I hope you will find the provided suggestions helpful.

Regards,
Neli
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

gil
Top achievements
Rank 1
commented on 25 May 2021, 12:09 PM

Thank you, it worked. They are now hidden.
Tags
Gantt Toolbar
Asked by
gil
Top achievements
Rank 1
Answers by
Neli
Telerik team
Share this question
or