diff --git a/exampleSite/content/app/person.md b/exampleSite/content/app/person.md
index b534d7a..f484346 100644
--- a/exampleSite/content/app/person.md
+++ b/exampleSite/content/app/person.md
@@ -16,12 +16,16 @@ cyberscopes example site - view / edit person (user) data.
 {{< pv/fieldset name="person" >}}
 
   {{< pv/tabs-mode >}}
+
   Id: {{< pv/input-textline name="id" defexpr="conf.itemid" >}}
   First Name: {{< pv/input-textline name="firstname" attrs="autofocus" >}}
   Last Name: {{< pv/input-textline name="lastname" >}}
   Email: {{< pv/input-textline name="email" default="hm@cy55.de" >}}
-  {{< pv/button mode="edit" >}}
-  {{< pv/button mode="query" action="query" label="Query" >}}
+
+  {{< pv/button mode="query" action="query" label="Execute Query" >}}
+  {{< pv/button mode="edit" label="Submit Data" >}}
+  {{< pv/button mode="edit" action="delete" label="Delete" >}}
+  {{< pv/button mode="new" label="Create Item" >}}
 
 <br>
   {{< pv/display linkto="data.id"
diff --git a/layouts/shortcodes/pv/tabs-mode.md b/layouts/shortcodes/pv/tabs-mode.md
index c9b46ac..8fd5eaa 100644
--- a/layouts/shortcodes/pv/tabs-mode.md
+++ b/layouts/shortcodes/pv/tabs-mode.md
@@ -11,5 +11,9 @@
     <a class="nav-link" @click="chmode('edit')"
        :class="mode == 'edit' ? 'active' : null">Edit</a>
   </li>
+  <li class="nav-item">
+    <a class="nav-link" @click="chmode('new')"
+       :class="mode == 'new' ? 'active' : null">New</a>
+  </li>
 </ul>
 </ul>