test

api/collections/fields/row.yml

@@ -68,6 +68,11 @@ subFields:
           label: Zwei zu drei
           helperText: "Ist dies aktiviert, so wird die Zeile in zwei zu drei Spalten aufgeteilt."
 
+    - name: nextPage
+      type: string
+      meta:
+          label: Nächste Seite
+
     - name: columns
       type: object[]
       meta:

frontend/media/arrowr.svg

@@ -0,0 +1,3 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M15.268 4.21a.75.75 0 0 0-1.04 1.08l8.275 7.96H3.75a.75.75 0 1 0 0 1.5h18.752l-8.273 7.959a.75.75 0 0 0 1.04 1.08l9.428-9.069a1 1 0 0 0 0-1.441l-9.428-9.07-.001.001z" fill="#333"/>
+</svg>

frontend/src/lib/components/Pagebuilder/Pagebuilder.svelte

@@ -44,16 +44,27 @@
         </h3>
     {/if}
     {#if nestedPath}
-        <h3
-            style="cursor: pointer; display: flex; align-items: center; gap: 10px; line-height: 1.4;"
-            on:keydown
-            on:click="{() => {
-                $rerender = $rerender + 1
-                navigate(nestedPath)
-            }}"
-        >
-            <img src="/media/arrow-l.svg" alt="arrow" /> Zurück zur Übersicht
-        </h3>
+        <div style="display: flex; width: 100%; justify-content: space-between;">
+            <h3
+                style="cursor: pointer; display: flex; align-items: center; gap: 10px; line-height: 1.4;"
+                on:keydown
+                on:click="{() => {
+                    $rerender = $rerender + 1
+                    navigate(nestedPath)
+                }}"
+            >
+                <img src="/media/arrow-l.svg" alt="arrow" /> Zurück zur Übersicht
+            </h3>
+            <h3
+                style="cursor: pointer; display: flex; align-items: center; gap: 10px; line-height: 1.4;"
+                on:keydown
+                on:click="{() => {
+                    navigate(row?.nextPage || nestedPath)
+                }}"
+            >
+                zum nächsten Profil <img src="/media/arrowr.svg" alt="arrow" />
+            </h3>
+        </div>
     {/if}
     {#if row.pageTitle}
         <h1>{row.pageTitle}</h1>