add style to the doc

This commit is contained in:
Mario Romano
2016-06-01 12:21:36 +01:00
parent c056bd075b
commit a6d3c99904
5 changed files with 94 additions and 32 deletions

View File

@@ -468,6 +468,22 @@ export class MyView {
Typically you may want populating all your custom actions at the application root level or Typically you may want populating all your custom actions at the application root level or
by means of custom application service. by means of custom application service.
#### 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
<!-- Google Material Design Lite -->
<link rel="stylesheet" href="node_modules/material-design-lite/material.min.css">
<script src="node_modules/material-design-lite/material.min.js"></script>
<link rel="stylesheet" href="node_modules/material-design-icons/iconfont/material-icons.css">
```
## Build from sources ## Build from sources

View File

@@ -24,9 +24,6 @@
"material-design-icons": "^2.2.3", "material-design-icons": "^2.2.3",
"material-design-lite": "^1.1.3", "material-design-lite": "^1.1.3",
"zone.js": "0.6.10", "zone.js": "0.6.10",
"ng2-translate": "^1.11.3",
"alfresco-core-rest-api": "^0.1.0",
"ng2-alfresco-core": "^0.1.0",
"ng2-alfresco-documentlist": "^0.1.0" "ng2-alfresco-documentlist": "^0.1.0"
}, },
"devDependencies": { "devDependencies": {

View File

@@ -16,16 +16,6 @@ npm set registry http://devproducts.alfresco.me:4873
npm install --save ng2-alfresco-login npm install --save ng2-alfresco-login
``` ```
## Build from sources
Alternatively you can build component from sources with the following commands:
```sh
npm install
npm run build
```
Components included: Components included:
* Alfresco Login Component * Alfresco Login Component
@@ -142,6 +132,32 @@ bootstrap(AppComponent, [
**method**: {string} optional) default POST. The method attribute specifies how to send form-data **method**: {string} optional) default POST. The method attribute specifies how to send form-data
The form-data can be sent as URL variables (with method="get") or as HTTP post transaction (with method="post").<br /> The form-data can be sent as URL variables (with method="get") or as HTTP post transaction (with method="post").<br />
#### 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
<!-- Google Material Design Lite -->
<link rel="stylesheet" href="node_modules/material-design-lite/material.min.css">
<script src="node_modules/material-design-lite/material.min.js"></script>
<link rel="stylesheet" href="node_modules/material-design-icons/iconfont/material-icons.css">
```
## Build from sources
Alternatively you can build component from sources with the following commands:
```sh
npm install
npm run build
```
## Running unit tests ## Running unit tests
```sh ```sh

View File

@@ -16,16 +16,6 @@ npm set registry http://devproducts.alfresco.me:4873
npm install --save ng2-alfresco-upload npm install --save ng2-alfresco-upload
``` ```
## Build from sources
Alternatively you can build component from sources with the following commands:
```sh
npm install
npm run build
```
Components included: Components included:
- [Upload button](#upload-button) - [Upload button](#upload-button)
@@ -191,6 +181,32 @@ bootstrap(MyDemoApp, [
**showDialogUpload**: {boolean} optional) default true. Hide/show upload dialog.<br /> **showDialogUpload**: {boolean} optional) default true. Hide/show upload dialog.<br />
#### 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
<!-- Google Material Design Lite -->
<link rel="stylesheet" href="node_modules/material-design-lite/material.min.css">
<script src="node_modules/material-design-lite/material.min.js"></script>
<link rel="stylesheet" href="node_modules/material-design-icons/iconfont/material-icons.css">
```
## Build from sources
Alternatively you can build component from sources with the following commands:
```sh
npm install
npm run build
```
## Running unit tests ## Running unit tests
```sh ```sh

View File

@@ -16,15 +16,6 @@ npm set registry http://devproducts.alfresco.me:4873
npm install --save ng2-alfresco-viewer npm install --save ng2-alfresco-viewer
``` ```
## Build from sources
Alternatively you can build component from sources with the following commands:
```sh
npm install
npm run build
```
#### Dependencies #### Dependencies
Add the following dependency to your index.html: Add the following dependency to your index.html:
@@ -104,6 +95,32 @@ Method | Parameters | Returns | Description
--- | --- | --- | --- --- | --- | --- | ---
`methodName()` | None. | void | Lorem ipsum dolor. `methodName()` | None. | void | Lorem ipsum dolor.
#### 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
<!-- Google Material Design Lite -->
<link rel="stylesheet" href="node_modules/material-design-lite/material.min.css">
<script src="node_modules/material-design-lite/material.min.js"></script>
<link rel="stylesheet" href="node_modules/material-design-icons/iconfont/material-icons.css">
```
## Build from sources
Alternatively you can build component from sources with the following commands:
```sh
npm install
npm run build
```
## Running unit tests ## Running unit tests
```sh ```sh