[Title] Added CSS editor tips 08/11308/3
authorchanghyun1.lee <changhyun1.lee@samsung.com>
Thu, 24 Oct 2013 05:11:06 +0000 (14:11 +0900)
committerchanghyun1.lee <changhyun1.lee@samsung.com>
Thu, 24 Oct 2013 10:47:17 +0000 (19:47 +0900)
[Desc.]
[Issue]

Change-Id: I51907dfdd28b74be7300be59752815267c5965f8
Signed-off-by: changhyun1.lee <changhyun1.lee@samsung.com>
org.tizen.common.ui/plugin.xml
org.tizen.common.ui/resources/tips/csseditor.html [new file with mode: 0644]
org.tizen.common.ui/resources/tips/images/colorpreview.png [new file with mode: 0644]
org.tizen.common.ui/resources/tips/images/imagepreview.png [new file with mode: 0644]
org.tizen.common.ui/resources/tips/images/quickview.png [new file with mode: 0644]

index becf23b..fb9f50e 100644 (file)
             file="resources/tips/commandbar.html">\r
        </tip>\r
     </extension>\r
+    <extension\r
+          point="org.tizen.common.ui.tipoftheday">\r
+       <tip\r
+             file="resources/tips/csseditor.html">\r
+       </tip>\r
+    </extension>\r
 </plugin>\r
diff --git a/org.tizen.common.ui/resources/tips/csseditor.html b/org.tizen.common.ui/resources/tips/csseditor.html
new file mode 100644 (file)
index 0000000..01c392a
--- /dev/null
@@ -0,0 +1,48 @@
+<html>\r
+<head>\r
+<meta http-equiv="Content-Language" content="en-us" />\r
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />\r
+<style type="text/css">\r
+    table.news tr { vertical-align: top; }\r
+    table.news tr td.section { font-size: 20px; font-weight: bold; }\r
+    table.news tr td.title { vertical-align: top; width: 30%; font-weight: bold; }\r
+    table.news tr td.content { vertical-align: top; width: 70%; }\r
+</style>\r
+<title>Tip Of The Day</title>\r
+<script language="JavaScript">\r
+function executeCommand(command) {\r
+    var result;\r
+    try {\r
+        result = javaFunction(command);\r
+        return;\r
+    } catch (e) {\r
+        alert('a java error occurred: ' + e.message);\r
+        return;\r
+    }\r
+}\r
+</script>\r
+</head>\r
+<body>\r
+<table class="news" border="0" cellpadding="10" cellspacing="0" width="600">\r
+<tr>\r
+<tr id="csseditor">\r
+    <td class="title">CSS Editor</td>\r
+    <td class="content">\r
+\r
+        <li><b>Color Preview and ColorPicker</b>: Hovering over a color property value in the CSS editor will now pop up a preview of the written color. Also you can change the color in the ColorPicker.\r
+        <p><img width="530" alt="Color Preview and ColorPicker" src="images/colorpreview.png"/></p>\r
+\r
+        <li><b>Image Preview</b>: Hovering over a image property value in the CSS editor will now pop up a preview of the image.\r
+        <p><img width="530" alt="Image Preview" src="images/imagepreview.png" /></p>\r
+        </ul>\r
+\r
+        <li><b>Quick View</b>: Quick View showing graphical representations of property value in the CSS editor. Hovering over a Quick View will now pop up a code of the CSS Editor.\r
+        <p><img width="530" alt="Quick View" src="images/quickview.png" /></p>\r
+        </ul>\r
+\r
+    </td>\r
+</tr>\r
+</tr>\r
+</table>\r
+</body>\r
+</html>\r
diff --git a/org.tizen.common.ui/resources/tips/images/colorpreview.png b/org.tizen.common.ui/resources/tips/images/colorpreview.png
new file mode 100644 (file)
index 0000000..4e1b65c
Binary files /dev/null and b/org.tizen.common.ui/resources/tips/images/colorpreview.png differ
diff --git a/org.tizen.common.ui/resources/tips/images/imagepreview.png b/org.tizen.common.ui/resources/tips/images/imagepreview.png
new file mode 100644 (file)
index 0000000..6356056
Binary files /dev/null and b/org.tizen.common.ui/resources/tips/images/imagepreview.png differ
diff --git a/org.tizen.common.ui/resources/tips/images/quickview.png b/org.tizen.common.ui/resources/tips/images/quickview.png
new file mode 100644 (file)
index 0000000..3f4d049
Binary files /dev/null and b/org.tizen.common.ui/resources/tips/images/quickview.png differ