1 files changed, 116 insertions, 0 deletions
diff --git a/swat/apps/qooxdoo-examples/example/Gallery_1.html b/swat/apps/qooxdoo-examples/example/Gallery_1.html
new file mode 100644
index 0000000000..3252d3d1de
--- /dev/null
+++ b/swat/apps/qooxdoo-examples/example/Gallery_1.html
@@ -0,0 +1,116 @@
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>qooxdoo &raquo; Demo</title>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
+  <!--[if IE]>
+  <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
+  <![endif]-->
+  <script type="text/javascript" src="../../script/qx.js"></script>
+
+  <style type="text/css">
+.qx_ui_embed_Gallery .galleryFrame{
+  padding: 2px;
+}
+
+.qx_ui_embed_Gallery .galleryCell{
+  border: 1px solid #444;
+  background: #fff;
+  margin: 2px;
+  float: left;
+  overflow: hidden;
+
+  font-family: Tahoma, Verdana, sans-serif;
+  font-size: 10px;
+
+  cursor: default;
+
+  -moz-user-select: none;
+  user-select: none;
+}
+
+.qx_ui_embed_Gallery .galleryCell img{
+  vertical-align: bottom;
+  display: block;
+}
+
+.qx_ui_embed_Gallery .galleryCell .galleryTitle,
+.qx_ui_embed_Gallery .galleryCell .galleryComment{
+  background: #eee;
+  padding: 3px 6px;
+  text-align: center;
+  cursor: default;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.qx_ui_embed_Gallery .galleryCell .galleryTitle{
+  border-bottom: 1px solid #aaa;
+}
+
+.qx_ui_embed_Gallery .galleryCell .galleryComment{
+  border-top: 1px solid #aaa;
+}
+
+.qx_ui_embed_Gallery .galleryCell-Selected{
+  background: #DCE8F6;
+  border: 1px solid #2760A1;
+}
+
+.qx_ui_embed_Gallery .galleryCell-Selected .galleryTitle,
+.qx_ui_embed_Gallery .galleryCell-Selected .galleryComment{
+  background: #9BBFE7;
+}
+
+.qx_ui_embed_Gallery .galleryCell-Selected .galleryTitle{
+  border-bottom: 1px dotted #2760A1;
+}
+
+.qx_ui_embed_Gallery .galleryCell-Selected .galleryComment{
+  border-top: 1px dotted #2760A1;
+}
+  </style>
+</head>
+<body>
+  <script type="text/javascript" src="../../script/layout.js"></script>
+
+  <div id="demoDescription">
+    <p>Test file for qx.ui.embed.Gallery</p>
+  </div>
+
+  <script type="text/javascript">
+    qx.core.Init.getInstance().defineMain(function()
+    {
+      var imgPath = qx.manager.object.AliasManager.getInstance().resolvePath("icon/64/chart.png");
+
+      var galleryList = [];
+
+      for (var i=0; i<100; i++)
+      {
+        galleryList.push({
+          display : "bmzN9ci5",
+          width : 350,
+          height : 350,
+          thumbWidth : 64,
+          thumbHeight : 64,
+          title : "gohome.png",
+          timestamp : Math.random().toString(),
+          comment : "Cool Comment",
+          id : "7686191121780974-10682",
+          src : imgPath
+        });
+      };
+
+      var gallery = new qx.ui.embed.Gallery(galleryList);
+
+      gallery.setLeft(20);
+      gallery.setRight(335);
+      gallery.setTop(48);
+      gallery.setBottom(48);
+      gallery.setBorder(qx.renderer.border.BorderPresets.getInstance().inset);
+
+      qx.ui.core.ClientDocument.getInstance().add(gallery);
+    });
+  </script>
+</body>
+</html>