Page 1 of 1

[ANGULAR] Add multigroup select box in sidebar of Bryntum calendar

Posted: Thu Nov 26, 2020 11:46 am
by braincept

Hi Team,

I am creating a demo application in the angular bryntum calendar. We are facing one issue in sidebar.

Please have a look at the attached image. We are planning to add a custom multi-select grouping widget in the sidebar above the resources but we are unable to find any option.

In our application, we are using the ng-select dropdown. Is there any way to use ng-select just above the list of resources?

Best Regards,
Gaurav Garg


Re: [ANGULAR] Add multigroup select box in sidebar of Bryntum calendar

Posted: Thu Nov 26, 2020 11:51 am
by mats

We don't support adding angular widgets inside our Containers I'm afraid. You could perhaps just use our multi select combo instead?

https://bryntum.com/docs/scheduler/#Core/widget/Combo


Re: [ANGULAR] Add multigroup select box in sidebar of Bryntum calendar

Posted: Thu Nov 26, 2020 12:00 pm
by braincept

Hi Mats, Thanks for the quick reply. Do you have any example of multi-select combo widget? How to use the multi-select combo widget in the Bryntum calendar sidebar ?


Re: [ANGULAR] Add multigroup select box in sidebar of Bryntum calendar

Posted: Thu Nov 26, 2020 12:22 pm
by mats

Look at the link I sent - it has a live demo :)


Re: [ANGULAR] Add multigroup select box in sidebar of Bryntum calendar

Posted: Thu Nov 26, 2020 4:08 pm
by braincept

Hi Mats,

I have tried to add the combo widget in the calendar sidebar but it looks like this. Please have a look at the attachment.

I am also sharing the sidebar code.

  sidebar = {
    // Extra UI Widgets can be easily added to the sidebar
    items: {
      // Provided widgets can be removed.
      // We don't want the date picker in our app.
      datePicker: null,

  resourceFilter: null,

  test1: new Combo({
    items: ['Fanta', 'Loranga', 'Jaffa', 'Zingo', 'Orangina'],
    label: 'Items as strings',
  }),


  test: {
    weight: 0,
    type: 'button',
    text: 'Test Create',
    icon: 'b-fa b-fa-plus',
    onClick() {
    }
  }
}
  };

Re: [ANGULAR] Add multigroup select box in sidebar of Bryntum calendar

Posted: Thu Nov 26, 2020 5:49 pm
by mats

That seems like a bug, try this instead:

 test1: {
                style : 'flex: 0 0 auto;',
                type : 'combo',
                items: ['Fanta', 'Loranga', 'Jaffa', 'Zingo', 'Orangina'],
                label: 'Items as strings',
            },

Re: [ANGULAR] Add multigroup select box in sidebar of Bryntum calendar

Posted: Mon Nov 30, 2020 11:28 am
by braincept

Thanks, Mats. Your style solution is working.

We are facing one more issue. Please have a look at the attachment.

Events are displaying in the calendar but resources are not checked in the Sidebar. Not able to understand why resources are not checked in resourceFilter.


Re: [ANGULAR] Add multigroup select box in sidebar of Bryntum calendar

Posted: Mon Nov 30, 2020 11:43 am
by mats

Please post a new topic for every question you have.