Fix some more examples

Author: edgarmueller

examples/app/custom/custom.html

@@ -1,19 +1,18 @@
-
 <div class="panel">
     <div class="panel-heading">
-        <h3>Bound data</h3>
+        <h3>JSONForms generated Forms</h3>
     </div>
     <div class="panel-body">
-        {{vm.formattedData()}}
+        <jsonforms schema="vm.schema" ui-schema="vm.uiSchema" data="vm.data"></jsonforms>
     </div>
 </div>
 
 <div class="panel">
     <div class="panel-heading">
-        <h3>JSONForms generated Forms</h3>
+        <h3>Bound data</h3>
     </div>
     <div class="panel-body">
-        <jsonforms schema="vm.schema" ui-schema="vm.uiSchema" data="vm.data"></jsonforms>
+        <pre>{{vm.formattedData()}}</pre>
     </div>
 </div>
 

examples/app/default-ui/defaultui.html

@@ -1,18 +1,17 @@
 <div class="panel">
     <div class="panel-heading">
-        <h3>Bound data</h3>
+        <h3>JSONForms generated default Forms</h3>
     </div>
     <div class="panel-body">
-        {{vm.formattedData()}}
+        <jsonforms schema="vm.schema" ui-schema="vm.uiSchema" data="vm.data"></jsonforms>
     </div>
 </div>
-
 <div class="panel">
     <div class="panel-heading">
-        <h3>JSONForms generated default Forms</h3>
+        <h3>Bound data</h3>
     </div>
     <div class="panel-body">
-        <jsonforms schema="vm.schema" ui-schema="vm.uiSchema" data="vm.data"></jsonforms>
+        <pre>{{vm.formattedData()}}</pre>
     </div>
 </div>
 

examples/app/default/default-schema.html

@@ -1,18 +1,18 @@
 <div class="panel">
     <div class="panel-heading">
-        <h3>Bound data</h3>
+        <h3>JSONForms generated default schema and default forms</h3>
     </div>
     <div class="panel-body">
-        {{vm.formattedData()}}
+        <jsonforms schema="vm.schema" ui-schema="vm.uiSchema" data="vm.data"></jsonforms>
     </div>
 </div>
 
 <div class="panel">
     <div class="panel-heading">
-        <h3>JSONForms generated default schema and default forms</h3>
+        <h3>Bound data</h3>
     </div>
     <div class="panel-body">
-        <jsonforms schema="vm.schema" ui-schema="vm.uiSchema" data="vm.data"></jsonforms>
+        <pre>{{vm.formattedData()}}</pre>
     </div>
 </div>
 

examples/app/placeholder/placeholder-posts.html

@@ -1,9 +1,9 @@
-<h1>Posts</h1>
-    <div ng-if="vm.id">
+<h2>Posts</h2>
+<div ng-if="vm.id">
     <jsonforms schema="vm.postSchema" data="vm.PostsDataProvider"></jsonforms>
-    </div>
-    <div ng-if="!vm.id">
+</div>
+<div ng-if="!vm.id">
     <jsonforms schema="vm.postsSchema" ui-schema="vm.postsUiSchema" data="vm.PostsDataProvider"></jsonforms>
-    </div>
+</div>
 
 

examples/app/polymer/polymer.html

@@ -1,3 +1,4 @@
+<jsonforms data="vm.data" ui-schema="vm.uiSchema" schema="vm.schema"></jsonforms>
 <div class="panel">
     <div class="panel-heading">
         <h3>Bound data</h3>
@@ -7,6 +8,3 @@ <h3>Bound data</h3>
     </div>
 </div>
 
-<jsonforms data="vm.data" ui-schema="vm.uiSchema" schema="vm.schema"></jsonforms>
-
-

examples/css/main.css

@@ -2,6 +2,14 @@ h1 {
     color: white;
 }
 
+.jsf h2 {
+    color: white;
+}
+
+.jsf label {
+    color: white;
+}
+
 body {
     background-image: url('../assets/images/bg.jpg');
     font-family: 'Open Sans', sans-serif;