Skip to content

Commit 92ae80c

Browse files
author
Pradeep Terli
committed
Themeing feature
1 parent 4b4bc5e commit 92ae80c

File tree

14 files changed

+436
-13246
lines changed

14 files changed

+436
-13246
lines changed

.angular-cli.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@
1919
"tsconfig": "tsconfig.json",
2020
"prefix": "app",
2121
"styles": [
22-
"styles.css","main.css",
22+
"styles.css","main.css","themes/default.theme.scss",
2323
"../node_modules/primeng/resources/themes/omega/theme.css",
2424
"../node_modules/primeng/resources/primeng.min.css"
2525
],

README.md

Lines changed: 24 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -5,22 +5,26 @@
55

66
Angular 2 multiselect dropdown component for web applications. Easy to integrate and use.
77

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+
811

912
# [Documentation](http://cuppalabs.github.io/components/multiselectDropdown) | [Demos / Examples](https://cuppalabs.github.io/angular2-multiselect-dropdown).
1013

1114
## Table of Contents
1215
##### 1. Getting Started
1316
##### 2. Installation
1417
##### 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
2428

2529

2630

@@ -114,6 +118,17 @@ Add the following component tag in you template
114118
(onDeSelectAll)="onDeSelectAll($event)"></angular2-multiselect>
115119

116120
```
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+
117132
### Template - For custom html of menu item
118133

119134
```html

0 commit comments

Comments
 (0)