Version 0.6.58, X.UI.HBox is working.

[pettanr/clientJs.git] / 0.6.x / js / main.js

diff --git a/0.6.x/js/main.js b/0.6.x/js/main.js
index 514de83..ab5a5b7 100644 (file)
--- a/0.6.x/js/main.js
+++ b/0.6.x/js/main.js
@@ -1,22 +1,35 @@
 root = X.UI.PageRoot(\r
+       X.UI.HBox(\r
+               {\r
+                       //width       : '50%',\r
+                       height      : '50%',\r
+                       bgColor     : 0x44ffff\r
+               },\r
+               X.UI.Text( 'HTML4', { width : 3 } ),\r
+               X.UI.Text( 'Ruby on Rails' ),\r
+               X.UI.Text( 'js' ),\r
+               X.UI.Text( 'SVG' ),\r
+               X.UI.Text( 'heroku' ),\r
+               X.UI.Text( 'flash' )\r
+       ),\r
        X.UI.Box({\r
-               width   : '10%',\r
-               height  : '10%',\r
-               left    : 5,\r
-               top     : 1,\r
+               width   : '25%',\r
+               height  : '25%',\r
+               left    : '25%',\r
+               top     : '50%',\r
                bgColor : 0x0000ff\r
        }),\r
        X.UI.Box({\r
-               width       : 5,\r
-               height      : 5,\r
-               left        : '10%',\r
-               bottom      : '70%',\r
-               bgColor     : 0xff0000\r
+               width   : '25%',\r
+               height  : '25%',\r
+               left    : 0,\r
+               bottom  : 0,\r
+               bgColor : 0xff0000\r
        }),\r
        X.UI.VBox(\r
                {\r
-                       width       : '50%',\r
-                       left        : '49%',\r
+                       width       : '40%',\r
+                       left        : '55%',\r
                        top         : 5,\r
                        bottom      : 5,\r
                        bgColor     : 0x666666,\r
@@ -24,7 +37,8 @@ root = X.UI.PageRoot(
                        borderWidth : [ 0, 0, 0, 0 ],\r
                        borderStyle : 'solid dotted',\r
                        padding     : [ 4, 1 ],\r
-                       sizing      : 'border'\r
+                       sizing      : 'border',\r
+                       gapY        : 1\r
                },\r
                X.UI.Box({\r
                        width       : '50%',\r
@@ -32,10 +46,23 @@ root = X.UI.PageRoot(
                        left        : '25%',\r
                        bgColor     : 0x999999\r
                }),\r
-               X.UI.Text( 'Hello, world!', { width : '100%' } ),\r
-               X.UI.Text( '----------------------------', { width : '100%' } ),\r
-               text = X.UI.Text( 'PettanR-team. rrrrrrrrrr', { width : '100%' } )\r
-                       .listen( X.UI.Event.TAP, _onClick )\r
+               X.UI.Text( 'Hello, world!' ),\r
+               X.UI.Text( '----------------------------' ),\r
+               text = X.UI.Text( 'PettanR-team. rrrrrrrrrr' )\r
+                       .listen( X.UI.Event.TAP, _onClick ),\r
+               X.UI.HBox(\r
+                       {\r
+                               width       : '100%',\r
+                               gapX        : 2,\r
+                               bgColor     : 0xff77ff\r
+                       },\r
+                       X.UI.Text( 'HTML4', { width : 2 } ),\r
+                       X.UI.Text( 'Ruby on Rails', { width : 2 } ),\r
+                       X.UI.Text( 'js' ),\r
+                       X.UI.Text( 'SVG' ),\r
+                       X.UI.Text( 'heroku' ),\r
+                       X.UI.Text( 'flash' )\r
+               )\r
        )\r
 );\r
 _root = X.Class._getPrivate( root );\r