diff options
| author | Derrell Lipman <derrell@samba.org> | 2006-12-31 20:12:12 +0000 |
|---|---|---|
| committer | Gerald (Jerry) Carter <jerry@samba.org> | 2007-10-10 14:35:23 -0500 |
| commit | d1e09e2e6f9db62bbab84abb53e23ee73764178a (patch) | |
| tree | 18e57f756611c9d3e10fb41bf7c09eeb795028dd /swat.obsolete/apps/qooxdoo-examples/example/GalleryList_1.html | |
| parent | 710dfce70ca9024d2f026518638bb193e914f4a0 (diff) | |
| download | samba-d1e09e2e6f9db62bbab84abb53e23ee73764178a.tar.gz samba-d1e09e2e6f9db62bbab84abb53e23ee73764178a.tar.bz2 samba-d1e09e2e6f9db62bbab84abb53e23ee73764178a.zip | |
r20446: rename swat directory to swat.obsolete; keeping it around since there is lots of useful info in it.
(This used to be commit 5f9f72a9cfab80561b23284001b67c4ea961757b)
Diffstat (limited to 'swat.obsolete/apps/qooxdoo-examples/example/GalleryList_1.html')
| -rw-r--r-- | swat.obsolete/apps/qooxdoo-examples/example/GalleryList_1.html | 129 |
1 files changed, 129 insertions, 0 deletions
diff --git a/swat.obsolete/apps/qooxdoo-examples/example/GalleryList_1.html b/swat.obsolete/apps/qooxdoo-examples/example/GalleryList_1.html new file mode 100644 index 0000000000..1dae618f18 --- /dev/null +++ b/swat.obsolete/apps/qooxdoo-examples/example/GalleryList_1.html @@ -0,0 +1,129 @@ +<html> +<head> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <title>qooxdoo » 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.GalleryList{ + position: absolute; + visibility: visible; +} + +.qx.ui.embed.GalleryList .galleryFrame{ + padding: 2px; +} + +.qx.ui.embed.GalleryList .galleryCell{ + margin: 2px; + padding-bottom: 2px; + border: 1px solid #EEE; + + background: #fff; + overflow: hidden; + white-space: normal; + + font-family: Tahoma, Verdana, sans-serif; + font-size: 12px; + + cursor: default; + + -moz-user-select: none; + user-select: none; + + position: relative; +} + +.qx.ui.embed.GalleryList .galleryCell img{ + vertical-align: bottom; + display: block; +} + +.qx.ui.embed.GalleryList .galleryNumber{ + width: 45px; + padding: 4px; + + position: absolute; + top: 0px; + left: 0px; +} + +.qx.ui.embed.GalleryList .galleryImageContainer{ + position: absolute; + top: 0px; + left: 50px; +} + +.qx.ui.embed.GalleryList .galleryText{ + padding: 4px; + position: absolute; + top: 0px; + left: 130px; +} + +.qx.ui.embed.GalleryList .galleryNumber, +.qx.ui.embed.GalleryList .galleryText h3{ + font-weight: bold; + font-size: 11px; +} + +.qx.ui.embed.GalleryList .galleryText p{ + font-size: 10px; +} + +.qx.ui.embed.GalleryList .galleryCell-Selected{ + background: #9BBCFF; + border-color: #3B7CFF; +} + </style> +</head> +<body> + <script type="text/javascript" src="../../script/layout.js"></script> + + <div id="demoDescription"> + <p>ListSort implementation</p> + </div> + + <script type="text/javascript"> + qx.core.Init.getInstance().defineMain(function() + { + var imgPath = qx.manager.object.AliasManager.getInstance().resolvePath("icon/48/bug.png"); + + var galleryData = []; + + for (var i=0; i<100; i++) + { + galleryData.push({ + display : "bmzN9ci5", + width : 350, + height : 350, + thumbWidth : 48, + thumbHeight : 48, + title : "gohome.png", + timestamp : Math.random().toString(), + comment : "Cool Comment sadas asd dsa asdas dasd asd asdas dasdasdasd sadasdas dsds as", + id : "7686191121780974-10682", + src : imgPath, + number : "#" + i + }); + }; + + var galleryList = new qx.ui.embed.GalleryList(galleryData); + + galleryList.setWidth(400); + galleryList.setTop(48); + galleryList.setBottom(48); + galleryList.setLeft(250); + + galleryList.setBorder(qx.renderer.border.BorderPresets.getInstance().inset); + galleryList.setBackgroundColor("white"); + + qx.ui.core.ClientDocument.getInstance().add(galleryList); + }); + </script> +</body> +</html> |