diff --git a/app/assets/html/bzGraflow/nodesTest2.html b/app/assets/html/bzGraflow/nodesTest2.html
index b8c8b22..57b4977 100644
--- a/app/assets/html/bzGraflow/nodesTest2.html
+++ b/app/assets/html/bzGraflow/nodesTest2.html
@@ -113,6 +113,7 @@
         left: 0;
         width: 99%;
         background: black;
+        clip-path: polygon( 0% 100%, 100% 100%, 100% 50%, 0% 50%);
     }
     .bzgf-node[data-nodetype="database"] [data-direction="n"]{ top: -17px; }
     .bzgf-node[data-nodetype="database"] [data-direction="s"]{ bottom: -17px; }
@@ -175,14 +176,14 @@
 
 <template>
     <div class="bzgf-node" data-nodetype="start">
-        <div class="text"></div>
+        <div class="text">{text}</div>
         <div class="port" data-id="out1" data-direction="s"></div>
     </div>
 </template>
 
 <template>
     <div class="bzgf-node" data-nodetype="end">
-        <div class="text"></div>
+        <div class="text">{text}</div>
         <div class="port" data-id="inp1" data-direction="n"></div>
     </div>
 </template>
@@ -190,7 +191,7 @@
 <template>
     <div class="bzgf-node" data-nodetype="condition">
         <div class="frame"></div>
-        <div class="text"></div>
+        <div class="text">{text}</div>
         <div class="port" data-id="inp1" data-direction="n"></div>
         <div class="port" data-id="out1" data-direction="w"></div>
         <div class="port" data-id="out2" data-direction="s"></div>
@@ -201,7 +202,7 @@
 <template>
     <div class="bzgf-node" data-nodetype="process">
         <div class="dbline"></div>
-        <div class="text"></div>
+        <div class="text">{text}</div>
         <div class="port" data-id="inout1" data-direction="n"></div>
         <div class="port" data-id="inout2" data-direction="s"></div>
         <div class="port" data-id="inout3" data-direction="w"></div>
@@ -213,7 +214,7 @@
     <div class="bzgf-node" data-nodetype="database">
         <div class="top"></div>
         <div class="bottom"></div>
-        <div class="text"></div>
+        <div class="text">{text}</div>
         <div class="port" data-id="inout1" data-direction="n"></div>
         <div class="port" data-id="inout2" data-direction="s"></div>
         <div class="port" data-id="inout3" data-direction="w"></div>
@@ -225,7 +226,7 @@
     <div class="bzgf-node" data-nodetype="preparation">
         <div class="outerframe">
             <div class="innerframe">
-                <div class="text"></div>
+                <div class="text">{text}</div>
             </div>
         </div>
         <div class="port" data-id="inp1" data-direction="n"></div>
diff --git a/app/assets/json/bzGraflow/testFlow2.json b/app/assets/json/bzGraflow/testFlow2.json
index 4d272e6..56b982f 100644
--- a/app/assets/json/bzGraflow/testFlow2.json
+++ b/app/assets/json/bzGraflow/testFlow2.json
@@ -4,27 +4,33 @@
         "nodes":[
             {   "nodeType": "start",
                 "id": "aze",
-                "coords": { "x": 220, "y": 20}
+                "coords": { "x": 220, "y": 20},
+                "markup": { "text": "Start" }
             },
             {   "nodeType": "process",
                 "id": "aze2",
-                "coords": { "x": 220, "y": 120}
+                "coords": { "x": 220, "y": 120},
+                "markup": { "text": "x = alph - 1" }
             },
             {   "nodeType": "condition",
                 "id": "qsd",
-                "coords": { "x": 250, "y": 270}
+                "coords": { "x": 250, "y": 270},
+                "markup": { "text": "x > 0" }
             }, 
             {   "nodeType": "preparation",
                 "id": "qsd2",
-                "coords": { "x": 250, "y": 470}
+                "coords": { "x": 250, "y": 470},
+                "markup": { "text": "prepare SQL" }
             },           
             {   "nodeType": "database",
                 "id": "wcx",
-                "coords": { "x": 500, "y": 450}
+                "coords": { "x": 500, "y": 450},
+                "markup": { "text": "MySQL<br>Store" }
             },
             {   "nodeType": "end",
                 "id": "ert",
-                "coords": { "x": 250, "y": 650}
+                "coords": { "x": 250, "y": 650},
+                "markup": { "text": "End" }
             }
         ],
         "links": [