diff --git a/ng2-components/ng2-alfresco-upload/README.md b/ng2-components/ng2-alfresco-upload/README.md index b7eee305ee..9e48ac7d4a 100644 --- a/ng2-components/ng2-alfresco-upload/README.md +++ b/ng2-components/ng2-alfresco-upload/README.md @@ -32,6 +32,14 @@ Add the following dependency to your index.html: ``` +#### Style +The style of this component is based on material design, so if you want to visualize it correctly you have to add the material +design dependency to your project: + +```sh +npm install --save material-design-icons material-design-lite +``` + Also make sure you include these dependencies in your .html page: ```html @@ -41,50 +49,8 @@ Also make sure you include these dependencies in your .html page: ``` -Make sure your systemjs.config has the following configuration: - -```javascript - System.config({ - defaultJSExtensions: true, - map: { - 'ng2-alfresco-core': 'node_modules/ng2-alfresco-core', - 'ng2-alfresco-upload': 'node_modules/ng2-alfresco-upload', - 'rxjs': 'node_modules/rxjs', - 'angular2' : 'node_modules/angular2', - 'ng2-translate': 'node_modules/ng2-translate', - 'app': 'dist/src' - }, - packages: { - 'app': { - defaultExtension: 'js' - }, - 'ng2-alfresco-core': { - defaultExtension: 'js' - }, - 'ng2-alfresco-upload': { - defaultExtension: 'js' - }, - 'rxjs': { - defaultExtension: 'js' - }, - 'angular2': { - defaultExtension: 'js' - } - } - }); -``` - -#### Style -The style of this component is based on material design, so if you want to visualize it correctly you have to add the material -design dependency to your project: - -```sh -npm install --save material-design-icons material-design-lite -``` - #### Basic usage - ```html