From b28028ac4082842143b0f528d6bc539da6ccb419 Mon Sep 17 00:00:00 2001 From: Pliable Pixels Date: Thu, 21 Sep 2017 12:49:18 -0400 Subject: mega changes, including updates and X --- .../examples/timeline/items/backgroundAreas.html | 50 +++++++++++++ .../timeline/items/backgroundAreasWithGroups.html | 57 +++++++++++++++ .../vis/examples/timeline/items/htmlContents.html | 75 ++++++++++++++++++++ .../vis/examples/timeline/items/itemOrdering.html | 82 ++++++++++++++++++++++ .../vis/examples/timeline/items/pointItems.html | 60 ++++++++++++++++ .../examples/timeline/items/rangeOverflowItem.html | 54 ++++++++++++++ 6 files changed, 378 insertions(+) create mode 100644 www/lib/vis/examples/timeline/items/backgroundAreas.html create mode 100644 www/lib/vis/examples/timeline/items/backgroundAreasWithGroups.html create mode 100644 www/lib/vis/examples/timeline/items/htmlContents.html create mode 100644 www/lib/vis/examples/timeline/items/itemOrdering.html create mode 100755 www/lib/vis/examples/timeline/items/pointItems.html create mode 100644 www/lib/vis/examples/timeline/items/rangeOverflowItem.html (limited to 'www/lib/vis/examples/timeline/items') diff --git a/www/lib/vis/examples/timeline/items/backgroundAreas.html b/www/lib/vis/examples/timeline/items/backgroundAreas.html new file mode 100644 index 00000000..3ec18a66 --- /dev/null +++ b/www/lib/vis/examples/timeline/items/backgroundAreas.html @@ -0,0 +1,50 @@ + + + + Timeline | Background areas + + + + + + + + + +

This example demonstrates the item type "background", see "Period A" and "Period B". The background areas can be styled with css.

+ +
+ + + + \ No newline at end of file diff --git a/www/lib/vis/examples/timeline/items/backgroundAreasWithGroups.html b/www/lib/vis/examples/timeline/items/backgroundAreasWithGroups.html new file mode 100644 index 00000000..f8a78608 --- /dev/null +++ b/www/lib/vis/examples/timeline/items/backgroundAreasWithGroups.html @@ -0,0 +1,57 @@ + + + + Timeline | Background areas with groups + + + + + + + + + +

This example demonstrates the item type "background" when using groups.

+ +
+ + + + \ No newline at end of file diff --git a/www/lib/vis/examples/timeline/items/htmlContents.html b/www/lib/vis/examples/timeline/items/htmlContents.html new file mode 100644 index 00000000..d790133a --- /dev/null +++ b/www/lib/vis/examples/timeline/items/htmlContents.html @@ -0,0 +1,75 @@ + + + + Timeline | HTML data + + + + + + + + + +

+ Load HTML contents in the Timeline in various ways. +

+
+ + + + \ No newline at end of file diff --git a/www/lib/vis/examples/timeline/items/itemOrdering.html b/www/lib/vis/examples/timeline/items/itemOrdering.html new file mode 100644 index 00000000..323c9501 --- /dev/null +++ b/www/lib/vis/examples/timeline/items/itemOrdering.html @@ -0,0 +1,82 @@ + + + + Timeline | Item ordering + + + + + + + + + +

Item ordering

+

+ By default, the items displayed on the Timeline are unordered. They are + stacked in the order that they where loaded. This means that way items are + stacked can change while moving and zooming the Timeline. +

+

+ To display and stack the items in a controlled order, you can provide a + custom sorting function via the configuration option order. +

+

+ WARNING: Custom ordering is only suitable for small amounts of items (up to a few + hundred), as the Timeline has to render all items once on load to + determine their width and height. +

+

+ +

+ +
+ + + + \ No newline at end of file diff --git a/www/lib/vis/examples/timeline/items/pointItems.html b/www/lib/vis/examples/timeline/items/pointItems.html new file mode 100755 index 00000000..68201801 --- /dev/null +++ b/www/lib/vis/examples/timeline/items/pointItems.html @@ -0,0 +1,60 @@ + + + + Timeline | Point items + + + + + + + + +

World War II timeline

+

Source: http://www.onwar.com/chrono/index.htm

+
+ +
+ + + + diff --git a/www/lib/vis/examples/timeline/items/rangeOverflowItem.html b/www/lib/vis/examples/timeline/items/rangeOverflowItem.html new file mode 100644 index 00000000..fbea2f37 --- /dev/null +++ b/www/lib/vis/examples/timeline/items/rangeOverflowItem.html @@ -0,0 +1,54 @@ + + + + Timeline | Range overflow + + + + + + + + + +

+ In case of ranges being spread over a wide range of time, it can be interesting to have the text contents of the ranges overflow the box. This can be achieved by changing the overflow property of the contents to visible with css: +

+
+.vis-item .vis-item-overflow {
+  overflow: visible;
+}
+
+ +
+ + + + \ No newline at end of file -- cgit v1.2.3