swat.obsolete/apps/qooxdoo-examples/test/ColorTheme_2.html

   1 <html>
   2 <head>
   3   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   4   <title>qooxdoo &raquo; Demo</title>
   5   <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
   6   <!--[if IE]>
   7   <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
   8   <![endif]-->
   9   <script type="text/javascript" src="../../script/qx.js"></script>
  10 </head>
  11 <body>
  12   <script type="text/javascript" src="../../script/layout.js"></script>
  13
  14   <div id="demoDescription">
  15     <p>Color Theme Test</p>
  16   </div>
  17
  18   <script type="text/javascript">
  19   qx.core.Init.getInstance().defineMain(function()
  20   {
  21     var d = qx.ui.core.ClientDocument.getInstance();
  22
  23
  24     // Create Default OS Color Table
  25     var w;
  26     var c=0;
  27     for (var i in qx.renderer.color.Color.themedNames)
  28     {
  29       w = new qx.ui.basic.Label(i);
  30
  31       w.setWidth(120);
  32       w.setTop(48+(c*18));
  33       w.setLeft(20);
  34       w.setPadding(1, 2);
  35       w.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
  36       w.setStyleProperty("backgroundColor", i);
  37
  38       d.add(w);
  39
  40       c++;
  41     };
  42
  43
  44
  45     // Create Default OS Color Table
  46     var w;
  47     var c=0;
  48     for (var i in qx.renderer.color.Color.themedNames)
  49     {
  50       w = new qx.ui.basic.Label(i);
  51
  52       w.setWidth(120);
  53       w.setTop(48+(c*18));
  54       w.setLeft(150);
  55       w.setPadding(1, 2);
  56       w.setBorder(qx.renderer.border.BorderPresets.getInstance().black);
  57       w.setBackgroundColor(new qx.renderer.color.ColorObject(i));
  58
  59       d.add(w);
  60
  61       c++;
  62     };
  63
  64
  65
  66
  67
  68
  69
  70
  71     // Color Themes
  72     qx.manager.object.ColorManager.getInstance().createThemeList(d, 400, 128);
  73   });
  74   </script>
  75
  76 </body>
  77 </html>