vaadin-app: use costum layout

2 files changed, 17 insertions, 0 deletions

diff --git a/vaadin-app/src/ch/asynk/helloworld/HelloWorldApp.java b/vaadin-app/src/ch/asynk/helloworld/HelloWorldApp.java
index dbd133d..2521ac6 100644
--- a/vaadin-app/src/ch/asynk/helloworld/HelloWorldApp.java
+++ b/vaadin-app/src/ch/asynk/helloworld/HelloWorldApp.java
@@ -19,6 +19,7 @@ public class HelloWorldApp extends Application {
 
     @Override
     public void init() {
+        setTheme("asynk");
         final Window mainWindow = new Window("Hello World Application");
         mainWindow.setContent( new MainLayout() );
         setMainWindow(mainWindow);
diff --git a/vaadin-app/web/VAADIN/themes/asynk/styles.css b/vaadin-app/web/VAADIN/themes/asynk/styles.css
new file mode 100644
index 0000000..f309f42
--- /dev/null
+++ b/vaadin-app/web/VAADIN/themes/asynk/styles.css
@@ -0,0 +1,16 @@
+
+@import url("../runo/styles.css");
+
+.v-gridlayout-mygrid .v-gridlayout-spacing-on {
+    /* adjust spacing size */
+    padding: 1px;
+}
+
+/* visualize the grid cells */
+.v-gridlayout-mygrid div {
+    background-color: #f0f;
+}
+
+.v-gridlayout-mygrid div div div {
+    background-color: #e0e;
+}