3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
4 <title>qooxdoo » Demo</title>
5 <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
7 <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
9 <script type="text/javascript" src="../../script/qx.js"></script>
11 <style type="text/css">
12 .qx_ui_embed_GalleryList{
17 .qx_ui_embed_GalleryList .galleryFrame{
21 .qx_ui_embed_GalleryList .galleryCell{
24 border: 1px solid #EEE;
30 font-family: Tahoma, Verdana, sans-serif;
35 -moz-user-select: none;
41 .qx_ui_embed_GalleryList .galleryCell img{
42 vertical-align: bottom;
46 .qx_ui_embed_GalleryList .galleryNumber{
55 .qx_ui_embed_GalleryList .galleryImageContainer{
61 .qx_ui_embed_GalleryList .galleryText{
68 .qx_ui_embed_GalleryList .galleryNumber,
69 .qx_ui_embed_GalleryList .galleryText h3{
74 .qx_ui_embed_GalleryList .galleryText p{
78 .qx_ui_embed_GalleryList .galleryCell-Selected{
80 border-color: #3B7CFF;
85 <script type="text/javascript" src="../../script/layout.js"></script>
87 <div id="demoDescription">
88 <p>ListSort implementation</p>
91 <script type="text/javascript">
92 qx.core.Init.getInstance().defineMain(function()
94 var imgPath = qx.manager.object.AliasManager.getInstance().resolvePath("icon/48/bug.png");
98 for (var i=0; i<100; i++)
101 display : "bmzN9ci5",
106 title : "gohome.png",
107 timestamp : Math.random().toString(),
108 comment : "Cool Comment sadas asd dsa asdas dasd asd asdas dasdasdasd sadasdas dsds as",
109 id : "7686191121780974-10682",
115 var galleryList = new qx.ui.embed.GalleryList(galleryData);
117 galleryList.setWidth(400);
118 galleryList.setTop(48);
119 galleryList.setBottom(48);
120 galleryList.setLeft(250);
122 galleryList.setBorder(qx.renderer.border.BorderPresets.getInstance().inset);
123 galleryList.setBackgroundColor("white");
125 qx.ui.core.ClientDocument.getInstance().add(galleryList);