|
5 | 5 |
|
6 | 6 | Angular 2 multiselect dropdown component for web applications. Easy to integrate and use. |
7 | 7 |
|
| 8 | +# Important Notice !! |
| 9 | +##### From v3.0.0 onwards, you need to include `default.theme.css` file to get the basic styling of the dropdown. Refer to `themes and theming` section below |
| 10 | + |
8 | 11 |
|
9 | 12 | # [Documentation](http://cuppalabs.github.io/components/multiselectDropdown) | [Demos / Examples](https://cuppalabs.github.io/angular2-multiselect-dropdown). |
10 | 13 |
|
11 | 14 | ## Table of Contents |
12 | 15 | ##### 1. Getting Started |
13 | 16 | ##### 2. Installation |
14 | 17 | ##### 3. Usage |
15 | | -##### 4. Templates |
16 | | -##### 5. Template Driven Forms support |
17 | | -##### 5. Reactive Forms support |
18 | | -##### 6. Settings configuration |
19 | | -##### 7. Callbacks and events |
20 | | -##### 8. Lazy lodaing - handle large data lists |
21 | | -##### 9. Group By feature |
22 | | -##### 10. Search filter for both plain list and grouped list |
23 | | -##### 11. Custom Search / Search API |
| 18 | +##### 4 Theming |
| 19 | +##### 5. Templates |
| 20 | +##### 6. Template Driven Forms support |
| 21 | +##### 7. Reactive Forms support |
| 22 | +##### 8. Settings configuration |
| 23 | +##### 9. Callbacks and events |
| 24 | +##### 10. Lazy lodaing - handle large data lists |
| 25 | +##### 11. Group By feature |
| 26 | +##### 12. Search filter for both plain list and grouped list |
| 27 | +##### 13. Custom Search / Search API |
24 | 28 |
|
25 | 29 |
|
26 | 30 |
|
@@ -114,6 +118,17 @@ Add the following component tag in you template |
114 | 118 | (onDeSelectAll)="onDeSelectAll($event)"></angular2-multiselect> |
115 | 119 |
|
116 | 120 | ``` |
| 121 | + |
| 122 | +### Themes and Theming |
| 123 | + |
| 124 | +- From v3.0.0 onwards, you need to include `default.theme.css` file to get the basic styling of the dropdown. |
| 125 | +- The component package has a themes folder in node_modules at `angular2-multiselect-dropdown\themes\default.theme.css` |
| 126 | +- Include the `default.theme.css` in `angular-cli.json` (for versions below angular 6) and `angular.json` (for version 6 or more). |
| 127 | +- [Refer this file](https://github.com/CuppaLabs/angular2-multiselect-dropdown/blob/master/.angular-cli.json) on how to add the css file to your angular project. |
| 128 | + |
| 129 | +You can create your own theme from now on. You can have a look at example scss theming file at [Default theme](https://github.com/CuppaLabs/angular2-multiselect-dropdown/tree/master/src/themes/default.theme.scss) |
| 130 | + |
| 131 | + |
117 | 132 | ### Template - For custom html of menu item |
118 | 133 |
|
119 | 134 | ```html |
|
0 commit comments