Adding CSS file and options example

This commit is contained in:
Kostas Minaidis 2018-05-29 20:20:18 +03:00 committed by GitHub
parent 45d218994d
commit e2a9185dac
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -21,9 +21,10 @@ npm install frappe-gantt
```
### Usage
Include it in your html:
Include it in your HTML:
```
<script src="frappe-gantt.min.js"></script>
<link rel="stylesheet" href="frappe-gantt.css">
```
And start hacking:
@ -43,6 +44,23 @@ var tasks = [
var gantt = new Gantt("#gantt", tasks);
```
You can also pass various options to the Gantt constructor:
```js
var gantt = new Gantt("#gantt", tasks, {
header_height: 50,
column_width: 30,
step: 24,
view_modes: ['Quarter Day', 'Half Day', 'Day', 'Week', 'Month'],
bar_height: 20,
bar_corner_radius: 3,
arrow_curve: 5,
padding: 18,
view_mode: 'Day',
date_format: 'YYYY-MM-DD',
custom_popup_html: null
});
```
If you want to contribute:
1. Clone this repo.