diff --git a/exampleSite/content/app/test1.md b/exampleSite/content/app/person.md
similarity index 71%
rename from exampleSite/content/app/test1.md
rename to exampleSite/content/app/person.md
index 726559f..e1ab58b 100644
--- a/exampleSite/content/app/test1.md
+++ b/exampleSite/content/app/person.md
@@ -1,17 +1,17 @@
 ---
-title:  "test1"
-summary: "Test Page #1"
+title: Person
+summary: View/Edit Person 
 img:
-pageid: test1
+pageid: app_form_person
 domains: [App]
 topics: [Examples]
-date:   2023-03-12
+date:   2023-03-16
 author: helmutm
 draft:  false
 weight: 100
 ---
 
-cyberscopes example site - use petite-vue in Hugo-generated sites.
+cyberscopes example site - view / edit person (user) data.
 
 {{< pv/fieldset >}}
 
@@ -23,8 +23,10 @@ cyberscopes example site - use petite-vue in Hugo-generated sites.
 
   {{< pv/display linkto="data.id"
         expr="`${data.firstname} ${data.lastname}`.trim() || '???'" >}}
-
-  {{< pv/display name="id" linkto="data.id" >}}
+<br>
+  {{< pv/link >}}
+    Reload page with id {{< pv/display name="id" >}}
+  {{< /pv/link >}}
 
 {{< /pv/fieldset >}}
 
diff --git a/layouts/shortcodes/pv/display.html b/layouts/shortcodes/pv/display.html
index 64b926a..f8fa6b8 100644
--- a/layouts/shortcodes/pv/display.html
+++ b/layouts/shortcodes/pv/display.html
@@ -1,8 +1,6 @@
 {{- $name := .Get "name" | default "textline" -}}
 {{- $expr := .Get "expr" | default (printf "data.%s" $name) -}}
 {{- $linkto := .Get "linkto" -}}
-<div>
-  {{- if $linkto }}<a :href="'?id=' + {{ $linkto }}">{{ end -}}
-  <pre v-text="{{ $expr }}"></pre>
-  {{- if $linkto }}</a>{{ end -}}
-</div>
+{{- if $linkto }}<a :href="'?id=' + {{ $linkto }}">{{ end -}}
+<span v-text="{{ $expr }}"></span>
+{{- if $linkto }}</a>{{ end -}}
diff --git a/layouts/shortcodes/pv/link.html b/layouts/shortcodes/pv/link.html
new file mode 100644
index 0000000..d30d9ad
--- /dev/null
+++ b/layouts/shortcodes/pv/link.html
@@ -0,0 +1,3 @@
+{{- $target := .Get "target" | default "data.id" -}}
+{{- $prefix := .Get "prefix" | default "?id=" -}}
+<a :href="'{{ $prefix }}' + {{ $target }}">{{ .Inner }}</a>