Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
15
How to create a single selection combo?
posted

Hi,

In the example of combo component(https://stackblitz.com/angular/mjvpnollgae) a single selection example is created with a combination of a input-group and a drop-down but the component is not responsive and has not filtering features.

Can the combo component be configured to allow only single selection?

My tests are with igniteui-angular 6.1.2

Parents
  • 4315
    Offline posted

    Hi, Eduardo.

    The igx-combo is designed to have multiple selection with checkboxes by default. In order to have single selection you need to use igx-drop-down and input as shown in the sample, but you need to implement custom filtering if you want such. You can share more details of what you want to achieve as a scenario, why you don't need a multiple selection and we can try to find a solution with our available controls or eventually consider the idea of having single selection in the combo.

    When we have designed the combo, we thought that cases when the need of a single selection combo with a lot of items will be rare (which doesn't require filtering), and we decided not to have separation of logic for single and multiple combo, which will increase complexity of the component. In other hand Google Material design guidelines suggest multiple selection as the way selection should happen.

    I will wait for your feedback in order to see if we can achieve the scenario you want with the use of an igx-drop-down and some additional logic around it! Thank you for using our product!

    Best regards,

    Nikolay Alipiev

    Software Developer

Reply Children