Remote trigger multiselect

UI Components for Angular
Post Reply
g33
Posts: 7
Joined: 09 Jan 2019, 16:59

16 Jan 2019, 18:15

Hi, is it possible to hide the multi-select dropdown field and just have the dropdown body show up under a trigger button?

Like this?

Image

g33
Posts: 7
Joined: 09 Jan 2019, 16:59

17 Jan 2019, 17:37

Instead of remote trigger, is it possible to do two things:

1) Hide the multiselect label? I want to hide the default label and the label for all selected items (i.e., just show the dropdown icon). I tried the following, but the label still rendered

.ui-multiselect-label {
display:none !important;
}

2) Change the multiselect dropdown caret to another icon. I tried the following, but did not work:

[dropdownIcon]="pi pi-chevron-right"

THank you.

yigitfindikli
Posts: 449
Joined: 08 Aug 2018, 14:09

18 Jan 2019, 16:14

Hi,
You can use defaultLabel property for hiding default label. You can use displaySelectedLabel property for hiding item labels. Your icon problem seems to be bug, you can create ticket at here; https://github.com/primefaces/primeng/issues

g33
Posts: 7
Joined: 09 Jan 2019, 16:59

19 Jan 2019, 10:38

Thank you. displaySelectedLabel worked well!

yigitfindikli
Posts: 449
Joined: 08 Aug 2018, 14:09

19 Jan 2019, 11:33

g33 wrote:
19 Jan 2019, 10:38
Thank you. displaySelectedLabel worked well!
Glad to hear!

cagatay.civici
Prime
Posts: 18616
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

24 Jan 2019, 10:10

dropdownIcon issue is fixed for upcoming 7.0.5.

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 18 guests