diff --git a/Esiur.Examples.StandaloneWebServerDemo/Demo.cs b/Esiur.Examples.StandaloneWebServerDemo/Demo.cs
index cb9d272..3b6ecd1 100644
--- a/Esiur.Examples.StandaloneWebServerDemo/Demo.cs
+++ b/Esiur.Examples.StandaloneWebServerDemo/Demo.cs
@@ -8,12 +8,11 @@ using System.Threading.Tasks;
 
 namespace Esiur.Examples.StandaloneWebServerDemo
 {
-    [Export]
     [Resource]
     public partial class Demo
     {
-        [Export] int color { get; set; }
-        [Export] string label { get; set;}
+        [Export] int color;
+        [Export] string label = "Hello World";
         [Export] public ResourceEventHandler<int> Cleared;
         [Export] public ResourceEventHandler<Point> Drawn;
 
@@ -21,7 +20,6 @@ namespace Esiur.Examples.StandaloneWebServerDemo
 
         [Export] public void Draw(int x, int y, int color)
         {
-
             Drawn?.Invoke(new Point() { X = x, Y = y, Color = color });
         }
 
@@ -35,6 +33,7 @@ namespace Esiur.Examples.StandaloneWebServerDemo
                 for (var y = 0; y < 300; y++)
                     p.Add(0);
             }
+
         }
     }
 
diff --git a/Esiur.Examples.StandaloneWebServerDemo/Web/css/style.css b/Esiur.Examples.StandaloneWebServerDemo/Web/css/style.css
index 512dfba..3c0143a 100644
--- a/Esiur.Examples.StandaloneWebServerDemo/Web/css/style.css
+++ b/Esiur.Examples.StandaloneWebServerDemo/Web/css/style.css
@@ -29,6 +29,13 @@ i-router {
     overflow: auto;
 }
 
+.content {
+
+}
+
+.iui-error {
+    display: none;
+}
 
 /* row */
 .row label {
diff --git a/Esiur.Examples.StandaloneWebServerDemo/Web/index.html b/Esiur.Examples.StandaloneWebServerDemo/Web/index.html
index e3289f8..b405639 100644
--- a/Esiur.Examples.StandaloneWebServerDemo/Web/index.html
+++ b/Esiur.Examples.StandaloneWebServerDemo/Web/index.html
@@ -38,7 +38,7 @@
 <body>
 
     <i-app onload="init()">
- 
+
         <div class="footer">
             Esiur Foundation
             <br />
@@ -47,8 +47,8 @@
 
         <div class="title-bar">
             <!--<i-button css-class="ripple" onclick="toggleNav()">
-                <img src="img/menu.png" style="height: 40px" />
-            </i-button>-->
+            <img src="img/menu.png" style="height: 40px" />
+        </i-button>-->
 
 
             <img src="img/coie.jpg" class="logo desktop">
@@ -62,21 +62,20 @@
             <div class="location desktop" id="location"></div>
 
             <!--<i-link href="tasks" class="inbox"><img src="img/icon/inbox.png"> <span id="spnInbox">0</span></i-link>-->
-
-
             <!--<div class="profile desktop">
-                <div class="profile-type"></div>
-                <i-link class="profile-username" href="/profile"></i-link>
-                <i-link onclick="logout()" style="padding: 0px 10px"><img style="width: 30px" src="img/icon/logout.png" /></i-link>
-            </div>-->
+            <div class="profile-type"></div>
+            <i-link class="profile-username" href="/profile"></i-link>
+            <i-link onclick="logout()" style="padding: 0px 10px"><img style="width: 30px" src="img/icon/logout.png" /></i-link>
+        </div>-->
 
             <div ::class="`logo connection-${(d?.status ?? 0)}`"></div>
 
 
         </div>
 
-        <div :data="conection.get('/sys/demo')">
-            <i-input auto ""
+        
+        <div class="content" async:data="d?.get('sys/demo')">
+            <i-input auto field="Label"></i-input>
         </div>
     </i-app>
 </body>
