diff --git a/src/app/component/angularjs-dropdown-multiselect.controller.js b/src/app/component/angularjs-dropdown-multiselect.controller.js index e837cc99..c15e19a3 100644 --- a/src/app/component/angularjs-dropdown-multiselect.controller.js +++ b/src/app/component/angularjs-dropdown-multiselect.controller.js @@ -68,6 +68,8 @@ export default function dropdownMultiselectController( showEnableSearchButton: false, closeOnSelect: false, buttonClasses: 'btn btn-default', + selectedIconClass: 'glyphicon glyphicon-ok', + deselectedIconClass: 'glyphicon glyphicon-remove', closeOnDeselect: false, groupBy: undefined, checkBoxes: false, diff --git a/src/app/component/angularjs-dropdown-multiselect.html b/src/app/component/angularjs-dropdown-multiselect.html index e92650b6..d3130bb5 100644 --- a/src/app/component/angularjs-dropdown-multiselect.html +++ b/src/app/component/angularjs-dropdown-multiselect.html @@ -17,7 +17,7 @@ data-ng-click="selectAll()" tabindex="-1" id="selectAll"> - <span class="glyphicon glyphicon-ok"></span> + <span ng-class="::settings.selectedIconClass"></span> {{texts.checkAll}} </a> <li ng-if="settings.showUncheckAll"> @@ -25,7 +25,7 @@ data-ng-click="deselectAll();" tabindex="-1" id="deselectAll"> - <span class="glyphicon glyphicon-remove"></span> + <span ng-class="::settings.deselectedIconClass"></span> {{texts.uncheckAll}} </a> </li> @@ -100,7 +100,7 @@ </label> </div> <span ng-if="!settings.checkBoxes" - data-ng-class="{'glyphicon glyphicon-ok': isChecked(option)}"> + data-ng-class="{'{{::settings.selectedIconClass}}' : isChecked(option)}"> </span> <span dm-dropdown-static-include="{{settings.template}}"></span> </a> @@ -126,7 +126,7 @@ </label> </div> <span ng-if="!settings.checkBoxes" - data-ng-class="{'glyphicon glyphicon-ok': isChecked(option)}"> + data-ng-class="{'{{::settings.selectedIconClass}}' : isChecked(option)}"> </span> <span ng-if="!settings.checkBoxes" dm-dropdown-static-include="{{settings.template}}"></span> diff --git a/src/app/main/main.template.html b/src/app/main/main.template.html index 2e939cd0..ef724617 100644 --- a/src/app/main/main.template.html +++ b/src/app/main/main.template.html @@ -1262,6 +1262,18 @@ <h2>Settings</h2> <td>btn btn-default</td> <td>The CSS classes that used for setting the style of the button.</td> </tr> + <tr> + <td>selectedIconClass</td> + <td>String</td> + <td>glyphicon glyphicon-ok</td> + <td>CSS class applied to the icon that appears next to each selected item and Check All option.</td> + </tr> + <tr> + <td>deselectedIconClass</td> + <td>String</td> + <td>glyphicon glyphicon-remove</td> + <td>CSS class applied to the icon that appears next to the Uncheck All option.</td> + </tr> <tr> <td> groupBy