1 files changed, 20 insertions, 10 deletions
diff --git a/web-gui/hello-world/source/class/hello_world/Application.js b/web-gui/hello-world/source/class/hello_world/Application.js
index 1a7e450..72240c7 100644
--- a/web-gui/hello-world/source/class/hello_world/Application.js
+++ b/web-gui/hello-world/source/class/hello_world/Application.js
@@ -59,27 +59,37 @@ qx.Class.define("hello_world.Application",
 
       // Document is the application root
       var doc = this.getRoot();
+      doc.setBackgroundColor("#ffffff");
+
+      var back = new qx.ui.basic.Image("hello_world/back.png");
+      back.setScale(true);
+      doc.add(back, {left:0, top: 0});
+
 
       var core = new qx.ui.container.Composite(new qx.ui.layout.Grid());
-      doc.add(core, {left: 50, top: 50});
+      doc.add(core, {left: 120, top: 100});
       core.getLayout().setSpacing(10);
       core.getLayout().setColumnAlign(0, "left", "middle");
 
-      core.add( new qx.ui.basic.Label("RPC Hello World:"), {row: 0, column: 0});
+      core.add( new qx.ui.basic.Label("RPC Hello World:"), {row: 0, column: 0, colSpan: 3});
       var helloLabel = new qx.ui.basic.Label("<waiting for hello>");
-      core.add(helloLabel, {row: 0, column: 1});
+      core.add(helloLabel, {row: 1, column: 0, colSpan: 3});
+
+      core.add(new qx.ui.core.Spacer(0, 55), {row: 2, column: 0});
 
-      core.add( new qx.ui.basic.Label("Send Text:"), {row: 1, column: 0});
+      core.add( new qx.ui.basic.Label("RPC Echo:"), {row: 3, column: 0, colSpan: 3});
+      core.add( new qx.ui.basic.Label("Send:"), {row: 4, column: 0});
       var echoEdit = new qx.ui.form.TextField();
-      echoEdit.setWidth(200);
-      core.add(echoEdit, {row: 1, column: 1});
+      echoEdit.setWidth(140);
+      core.add(echoEdit, {row: 4, column: 1});
+      echoEdit.focus();
 
-      var echoButton = new qx.ui.form.Button("Echo");
-      core.add(echoButton, {row: 1, column: 2});
+      var echoButton = new qx.ui.form.Button("Go");
+      core.add(echoButton, {row: 4, column: 2});
 
-      core.add( new qx.ui.basic.Label("RPC Echo Receive:"), {row: 2, column: 0});
+      core.add( new qx.ui.basic.Label("Receive:"), {row: 5, column: 0});
       var echoLabel = new qx.ui.basic.Label("<waiting for echo>");
-      core.add(echoLabel, {row: 2, column: 1});
+      core.add(echoLabel, {row: 5, column: 1, colSpan: 2});
 
       var rpc = new qx.io.remote.Rpc("http://localhost:8080/rpc", "com.pengutronix.jdb.Hello|/");