JavaScript UI Libraries & Blazor Components Suite – Smart UI Forums General Discussions Scheduler – hide grey panel at top of component


Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #101995

    Is their a way to hide the grey panel at the top of the scheduler that holds the view, today and date controls?


    Hi davout,
    The functionality you want to have can be achieved via CSS.
    A quick code snippet which ‘hides’ the header of the Scheduler:

        visibility: hidden;

    Just in case you can take a look at the headerTemplate property which overrides the default one.
    Demo using this property:
    And a quick code snippet hiding the header using headerTemplate property:

    window.Smart('#scheduler', class {
        get properties() {
            return {
                view: 'day',
                dataSource: data,
                hourStart: 9,
                hourEnd: 18,
                firstDayOfWeek: 1,
                headerTemplate: (header) => {
           = "hidden";

    Let me know if that works for you!
    Please, do not hesitate to contact us if you have any additional questions.
    Best regards,
    Yavor Dashev
    Smart UI Team

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.