From f2770827082da97a92e7c82723e74e9b6063e62a Mon Sep 17 00:00:00 2001 From: Bart van den Eijnden Date: Thu, 2 Apr 2015 13:15:33 +0200 Subject: [PATCH] Port over box-selection, brightness-contrast and button-title examples --- examples_src/box-selection.html | 77 ++++++--------------- examples_src/brightness-contrast.css | 7 ++ examples_src/brightness-contrast.html | 97 +++++++-------------------- examples_src/button-title.css | 4 ++ examples_src/button-title.html | 75 ++++----------------- 5 files changed, 68 insertions(+), 192 deletions(-) create mode 100644 examples_src/brightness-contrast.css create mode 100644 examples_src/button-title.css diff --git a/examples_src/box-selection.html b/examples_src/box-selection.html index 4fd498b1b6..b727d9b35a 100644 --- a/examples_src/box-selection.html +++ b/examples_src/box-selection.html @@ -1,59 +1,20 @@ - - - - - - - - - - - Box selection example - - - -
-
-
- OpenLayers 3 Examples -
-
+--- +template: "example.html" +title: "Box selection example" +shortdesc: "Using a DragBox interaction to select features." +docs: > +

This example shows how to use a DragBox interaction to select features. Selected features are added + to the feature overlay of a select interaction (ol.interaction.Select) for highlighting.

+

Use SHIFT+drag to draw boxes.

+tags: "DragBox, feature, selection, box" +--- +
+
+
+
+
+
+  
- -
- -
-
-
-
-
- -
- -
-

Box selection example

-

Using a DragBox interaction to select features.

-
-

This example shows how to use a DragBox interaction to select features. Selected features are added - to the feature overlay of a select interaction (ol.interaction.Select) for highlighting.

-

Use SHIFT+drag to draw boxes.

-

See the box-selection.js source to see how this is done.

-
-
DragBox, feature, selection, box
-
-
-
-   -
-
- -
- -
- - - - - - - +
+
diff --git a/examples_src/brightness-contrast.css b/examples_src/brightness-contrast.css new file mode 100644 index 0000000000..273b443f89 --- /dev/null +++ b/examples_src/brightness-contrast.css @@ -0,0 +1,7 @@ +#reset-brightness { + min-width: 138px; +} +#reset-contrast { + min-width: 120px; +} + diff --git a/examples_src/brightness-contrast.html b/examples_src/brightness-contrast.html index fb499eeba1..7744f3320e 100644 --- a/examples_src/brightness-contrast.html +++ b/examples_src/brightness-contrast.html @@ -1,74 +1,27 @@ - - - - - - - - - - - Brightness/contrast example - - - - -
-
-
- OpenLayers 3 Examples -
-
+--- +template: "example.html" +title: "Brightness/contrast example" +shortdesc: "Example of brightness/contrast control on the client (WebGL only)." +docs: > + This example shows how to control brightness/contrast on the client, + the example is limited to WebGL. +tags: "brightness, contrast, webgl" +--- +
+
+
+ - -
- -
-
-
- - - -
- - - -
-
- - - -
-
-
- -
- -
-

Brightness/contrast example

-

Example of brightness/contrast control on the client (WebGL only).

-
-

See the brightness-contrast.js source to see how this is done.

-
-
brightness, contrast, webgl
-
- -
- +
+ + +
- - - - - - - +
+ + + +
+
+
diff --git a/examples_src/button-title.css b/examples_src/button-title.css new file mode 100644 index 0000000000..c1f2f96c9e --- /dev/null +++ b/examples_src/button-title.css @@ -0,0 +1,4 @@ +.tooltip-inner { + white-space: nowrap; +} + diff --git a/examples_src/button-title.html b/examples_src/button-title.html index 1247a7accd..c932530b5c 100644 --- a/examples_src/button-title.html +++ b/examples_src/button-title.html @@ -1,62 +1,13 @@ - - - - - - - - - - - - ol3 custom tooltips example - - - -
-
-
- OpenLayers 3 Examples -
-
-
- -
- -
-
-
-
-
- -
-
-

Custom tooltips

-

- This example shows how to customize the buttons tooltips with - Bootstrap. -

-
-

- See the button-title.js source to see how this is done. -

-
-
- custom, tooltip -
-
-
-
- - - - - - - - - +--- +template: "example.html" +title: "Custom tooltips example" +shortdesc: "This example shows how to customize the buttons tooltips with Bootstrap." +docs: > + This example shows how to customize the buttons tooltips with Bootstrap. +tags: "custom, tooltip" +--- +
+
+
+
+