Fixed #4232

primefaces · Oct 23, 2017 · 017f11e · 017f11e
1 parent 10e0e56
commit 017f11e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/app/components/multiselect/multiselect.ts b/src/app/components/multiselect/multiselect.ts
@@ -25,7 +25,7 @@ export const MULTISELECT_VALUE_ACCESSOR: any = {
                 <label class="ui-multiselect-label ui-corner-all">{{valuesAsString}}</label>
             </div>
             <div [ngClass]="{'ui-multiselect-trigger ui-state-default ui-corner-right':true}">
-                <span class="fa fa-fw fa-caret-down ui-clickable"></span>
+                <span class="ui-clickable" [ngClass]="dropdownIcon"></span>
             </div>
             <div #panel [ngClass]="['ui-multiselect-panel ui-widget ui-widget-content ui-corner-all ui-shadow', panelStyleClass||'']" [ngStyle]="panelStyle"
                 [style.display]="overlayVisible ? 'block' : 'none'" (click)="panelClick=true">
@@ -108,6 +108,8 @@ export class MultiSelect implements OnInit,AfterViewInit,AfterContentInit,AfterV
     @Input() showToggleAll: boolean = true;
 
     @Input() resetFilterOnHide: boolean = false;
+
+    @Input() dropdownIcon: string = 'fa fa-fw fa-caret-down';
 
     @ViewChild('container') containerViewChild: ElementRef;
 

diff --git a/src/app/showcase/components/multiselect/multiselectdemo.html b/src/app/showcase/components/multiselect/multiselectdemo.html
@@ -213,6 +213,12 @@ <h3>Properties</h3>
                             <td>false</td>
                             <td>Clears the filter value when hiding the dropdown.</td>
                         </tr>
+                        <tr>
+                            <td>dropdownIcon</td>
+                            <td>string</td>
+                            <td>fa fa-fw fa-caret-down</td>
+                            <td>Icon class of the dropdown icon.</td>
+                        </tr>
                     </tbody>
                 </table>
             </div>