Merge branch 'master' of https://github.com/JDLabOrg/IUManual-EN

JDLabOrg · May 13, 2016 · 01db194 · 01db194
2 parents aa94418 + d002f2d
commit 01db194
Showing 1 changed file with 35 additions and 12 deletions.
diff --git a/widget_basic.rst b/widget_basic.rst
@@ -24,6 +24,12 @@ Box widget is a fundamental widget which is generated to <div> tag. Mostly, Box
 * Background Image : Valid
 * Backend Ellipsis : Invalid
 
+.. raw:: html
+
+    <div style="position: relative; height: 0; overflow: hidden; max-width: 100%; height: auto;">
+       <iframe width="560" height="315" src="https://www.youtube.com/embed/_D5d3eKYFMw" frameborder="0" allowfullscreen></iframe>
+    </div>
+
 ----------
 
 
@@ -46,18 +52,24 @@ Text widget contains **Text Content** which is generated to <p>, <h1> or <h2> ta
 * Background Image : Valid
 * Backend Ellipsis : Valid
 
+.. raw:: html
+
+    <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto;">
+        <iframe width="560" height="315" src="https://www.youtube.com/embed/zhllW9hdtm4" frameborder="0" allowfullscreen></iframe>
+    </div>
+
 ----------
 
 
 
 .. image:: resource/widget/IUFloatingImage.png
 
-Static Image
+Image
 ----------
 
 .. image:: resource/iu_manual_prop_basic_IUFloatingImage.png
 
-Static Image widget contains **Image Content** which is generated by css {background} tag. You can input image resource from Resource panel or Image URL link and resize or rearrange image in widget area.
+Static Image widget contains **Image Content** which is generated to <img> tag. You can input image resource from Resource panel or Image URL link. 
 
 * ``Fit Widget Size to Image Size`` : Resize widget according to image resource size.
 
@@ -66,21 +78,23 @@ Static Image widget contains **Image Content** which is generated by css {backgr
 * Child : Invalid
 * Link : Valid
 * Scroll Animator : Valid
-* Background Image : Invalid
-* Backend Ellipsis : Invalid
+* Background Image : Valid
+* Backend Ellipsis : Valid
+
 
 ----------
 
 
 
 .. image:: resource/widget/IUImage.png
 
-Image
+Static Image
 ----------
 
 .. image:: resource/iu_manual_prop_basic_IUImage.png
 
-Image widget contains **Image Content** which is generated to <img> tag. You can input image resource from Resource panel or Image URL link. 
+
+Image widget contains **Image Content** which is generated by css {background} tag. You can input image resource from Resource panel or Image URL link and resize or rearrange image in widget area.
 
 * ``Fit Widget Size to Image Size`` : Resize widget according to image resource size.
 
@@ -89,8 +103,14 @@ Image widget contains **Image Content** which is generated to <img> tag. You can
 * Child : Invalid
 * Link : Valid
 * Scroll Animator : Valid
-* Background Image : Valid
-* Backend Ellipsis : Valid
+* Background Image : Invalid
+* Backend Ellipsis : Invalid
+
+.. raw:: html
+
+    <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto;">
+        <iframe width="560" height="315" src="https://www.youtube.com/embed/RHax9vtH91I" frameborder="0" allowfullscreen></iframe>
+    </div>
 
 ----------
 
@@ -105,8 +125,6 @@ Cell
 
 Cell widget contains **Text Content** , aligned Vertical-Center automatically. (PX unit only)
 
-
-
 **Property**
 
 * Child : Invalid
@@ -115,6 +133,12 @@ Cell widget contains **Text Content** , aligned Vertical-Center automatically. (
 * Background Image : Valid
 * Backend Ellipsis : Valid
 
+.. raw:: html
+
+    <div style="position: relative; height: 0; overflow: hidden; max-width: 100%; height: auto;">
+       <iframe width="560" height="315" src="https://www.youtube.com/embed/l4XBFTpfmSM" frameborder="0" allowfullscreen></iframe>
+    </div>
+
 ----------
 
 
@@ -128,8 +152,7 @@ Icon Button
 
 Icon Button widget contains **Text Content** and **Image**, aligned Vertical-Center automatically. 
 
-
-
+
 **Property**
 
 * Child : Invalid