[ANGULAR] Calendar can put image into cell

[tmcuong]

Can calendar put image into cell ?

[saki]

Yes, see this demo https://bryntum.com/examples/calendar/custom-rendering/

The key is to use a custom https://bryntum.com/docs/calendar/api/Calendar/widget/mixin/CalendarMixin#config-eventRenderer

[tmcuong]

How to minimize hide left menu I drawn in red color when page load ?

calendar.png (32.53 KiB) Viewed 543 times

[saki]

If you want to get rid of the sidebar completely then you can configure the calendar with sidebar : false. The sidebar is not created in this case.

If you want to hide it initially and show it at runtime then configure it as:

sidebar : {
    hidden : true
}

Then you can show it at runtime with sidebar.show()

See https://bryntum.com/docs/calendar/api/Calendar/view/Calendar#config-sidebar and https://bryntum.com/docs/calendar/api/Calendar/widget/Sidebar for all details.

Note: Next time, ask a new question in a new thread.

[tmcuong]

ngAfterViewInit(): void {
        this.calendar = this.calendarComponent.instance;
        this.eventStore = this.calendar.eventStore;       

        this.calendar.sidebar.hidden = true;         

    }

I set this.calendar.sidebar.hidden = true when run look like picture below.

When I set hidden = true, if I click on hambugar button on calendar it is nothing happen.
I want only collapse it and open it when user click on hambugar button.

calendara.png (13.8 KiB) Viewed 532 times

[Maxim Gorkovsky]

Hello.
It should be collapsed, not hidden:

<bryntum-calendar
    [sidebar] = "{collapsed: true}"
></bryntum-calendar>

[tmcuong]

It works
thanks a lot