change dropdownIcon on p-dropdown?

UI Components for Angular
Post Reply
richleach
Posts: 14
Joined: 21 Jan 2018, 01:59

12 Jul 2018, 22:21

I'm using the following code:

<p-dropdown [(ngModel)]="selectedNumberRow"
[options]="listNumberRow"
styleClass="page-size-picker descriptive-text"
(onChange)="checkNumberRow()"
[style]="{'width': '35px','border-bottom':'0px','font-family':'HelveticaNeueMed','font-weight':'700'}"
dropdownIcon="&#9207;">

... and I simply need to change the icon being used for the dropdownIcon, however nothing I've tried is taking hold (I"ve tried font awesome, strings, Unicode). Anyone have any ideas?

Thanks in advance,

Rich

Primaryw
Posts: 24
Joined: 09 Nov 2017, 17:51

13 Jul 2018, 17:18

Inside the attribute should be the class name(s).

Code: Select all

<pDropdown...
[dropDownIcon]="pi pi-caret-down"
..>
(Icon class of the dropdown icon you want)

Post Reply
  • Information
  • Who is online

    Users browsing this forum: No registered users and 5 guests