Our powerful JS Calendar component


Post 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

Attachments
Screenshot 2020-11-26 at 2.55.37 PM.png
Screenshot 2020-11-26 at 2.55.37 PM.png (306.9 KiB) Viewed 1347 times

Post 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


Post 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 ?


Post by mats »

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

Attachments
Screenshot 2020-11-26 at 11.22.18.png
Screenshot 2020-11-26 at 11.22.18.png (65.14 KiB) Viewed 1334 times

Post 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() {
    }
  }
}
  };
Attachments
Screenshot 2020-11-26 at 7.34.40 PM.png
Screenshot 2020-11-26 at 7.34.40 PM.png (296.67 KiB) Viewed 1332 times

Post 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',
            },

Post 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.

Last edited by braincept on Mon Nov 30, 2020 11:55 am, edited 1 time in total.

Post by mats »

Please post a new topic for every question you have.


Post Reply