From 4b550b9d06da84142e488479306ce89052410c51 Mon Sep 17 00:00:00 2001 From: Neil Fraser Date: Thu, 30 Apr 2015 14:57:31 -0700 Subject: [PATCH] Switch from iframe to overlay in resize demo. --- demos/iframe/frame.html | 41 ----------- demos/index.html | 6 +- demos/{iframe => resizable}/icon.png | Bin demos/{iframe => resizable}/index.html | 35 +++++----- demos/resizable/overlay.html | 91 +++++++++++++++++++++++++ 5 files changed, 111 insertions(+), 62 deletions(-) delete mode 100644 demos/iframe/frame.html rename demos/{iframe => resizable}/icon.png (100%) rename demos/{iframe => resizable}/index.html (53%) create mode 100644 demos/resizable/overlay.html diff --git a/demos/iframe/frame.html b/demos/iframe/frame.html deleted file mode 100644 index 5c37836a5..000000000 --- a/demos/iframe/frame.html +++ /dev/null @@ -1,41 +0,0 @@ - - - - - - - - - - - - - - diff --git a/demos/index.html b/demos/index.html index cbadcc15e..fafcb1963 100644 --- a/demos/index.html +++ b/demos/index.html @@ -42,12 +42,12 @@ - - + + -
Resizable Blockly
+
Resizable Blockly
Inject Blockly into a page as a resizable element.
diff --git a/demos/iframe/icon.png b/demos/resizable/icon.png similarity index 100% rename from demos/iframe/icon.png rename to demos/resizable/icon.png diff --git a/demos/iframe/index.html b/demos/resizable/index.html similarity index 53% rename from demos/iframe/index.html rename to demos/resizable/index.html index ecc205ea9..f326e1b0d 100644 --- a/demos/iframe/index.html +++ b/demos/resizable/index.html @@ -2,52 +2,51 @@ - Blockly Demo: Iframe Blockly + Blockly Demo: Resizable Blockly (Part 1) - +
-

Blockly > - Demos > Iframe Blockly

+ Demos > Resizable Blockly (Part 1) -

This is a simple demo of injecting Blockly into a resizable 'iframe' element.

+

The first step in creating a resizable Blockly workspace is to use + CSS or tables to create an area for it. + Next, inject Blockly over that area.

→ More info on injecting resizable Blockly...
- - + + Blockly will be positioned here.
- diff --git a/demos/resizable/overlay.html b/demos/resizable/overlay.html new file mode 100644 index 000000000..bb5076004 --- /dev/null +++ b/demos/resizable/overlay.html @@ -0,0 +1,91 @@ + + + + + Blockly Demo: Resizable Blockly (Part 2) + + + + + + + + + + + + + +
+

Blockly > + Demos > Resizable Blockly (Part 2)

+ +

+ Once an area is defined, Blockly can be + injected and positioned over the area. + A resize handler keeps it in position as the page changes. +

+ +

→ More info on injecting resizable Blockly...

+
+
+ +
+ + + + + +