{"id":112101,"date":"2023-03-16T10:54:41","date_gmt":"2023-03-16T09:54:41","guid":{"rendered":"https:\/\/cms-test.zdv.uni-mainz.de\/demo-module\/?page_id=112101"},"modified":"2026-04-24T11:53:42","modified_gmt":"2026-04-24T09:53:42","slug":"step-by-step-form","status":"publish","type":"page","link":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/step-by-step-form\/","title":{"rendered":"Step by Step Form"},"content":{"rendered":"<jgu-base-pageheader react-props=\"{\n    &quot;items&quot;: [\n        {\n            &quot;box&quot;: {\n                &quot;index&quot;: &quot;&quot;,\n                &quot;title&quot;: &quot;Step by Step Form&quot;,\n                &quot;link&quot;: {\n                    &quot;url&quot;: &quot;&quot;,\n                    &quot;title&quot;: &quot;learn more&quot;\n                }\n            },\n            &quot;color&quot;: &quot;dark&quot;,\n            &quot;image&quot;: {\n                &quot;url&quot;: &quot;&quot;\n            },\n            &quot;imgCredit&quot;: &quot;&quot;,\n            &quot;useVideo&quot;: false,\n            &quot;video&quot;: false\n        }\n    ],\n    &quot;type&quot;: &quot;small&quot;,\n    &quot;align&quot;: &quot;full&quot;,\n    &quot;quicklinks&quot;: {\n        &quot;show&quot;: false,\n        &quot;selects&quot;: []\n    },\n    &quot;useBreadcrumb&quot;: false\n}\">\n<\/jgu-base-pageheader>\n\n\n<p class=\"has-big-font-size\">Entscheidungsb\u00e4ume mit den Verzweigungsseiten in der Form und den Ergebnisseiten in den Results. Bevor Sie anfangen, sollten sie den kompletten Entscheidungsbaum und alle Ergebnisse fertig haben!<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Form anlegen<\/li>\n\n\n\n<li>Optionen f\u00fcr die oberste Ebene Anlegen<\/li>\n\n\n\n<li>Block anlegen, dabei die Benennung immer z.B. in Klammern eine eindeutige Bezeichnung, oder die technische Bezeichnung verwenden.<\/li>\n\n\n\n<li>So geht man durch die Liste aller Fragen durch, die man stellen will.<\/li>\n\n\n\n<li>Nur der Anfang erh\u00e4lt &#8222;Block ist Start&#8220;<\/li>\n\n\n\n<li>Alle Zwischenfragen bekommen keine Haken<\/li>\n\n\n\n<li>F\u00fcr jeden m\u00f6glichen Pfad ist ein Ergebnisblock n\u00f6tig<\/li>\n\n\n\n<li>Die Resultseiten sollten man schon vorher fertig haben<\/li>\n\n\n\n<li>Verbindungen zwischen den Fragen schaffen<\/li>\n\n\n\n<li>Pluszeichen zwischen den Bl\u00f6cken<\/li>\n\n\n\n<li>Jedes m\u00f6gliche Endergebnis ist eine Result-Seite<\/li>\n\n\n\n<li>Result rechts unten anklicken so da\u00df es blau gehighlighted ist.<\/li>\n\n\n\n<li>In der Seite, in der der Entscheidungsbaum angezeigt werden soll, Step by Step Block anlegen und Form ausw\u00e4hlen.<\/li>\n\n\n\n<li>Fehlermeldung: &#8222;kein Formulardaten eingetragen&#8220;<\/li>\n<\/ol>\n\n\n<jgu-base-stepbystep react-props=\"{\n    &quot;form&quot;: [\n        112095\n    ],\n    &quot;align&quot;: &quot;wide&quot;,\n    &quot;data&quot;: &quot;[{\\&quot;id\\&quot;:\\&quot;1\\&quot;,\\&quot;sourcePosition\\&quot;:\\&quot;right\\&quot;,\\&quot;targetPosition\\&quot;:\\&quot;left\\&quot;,\\&quot;hidden\\&quot;:false,\\&quot;position\\&quot;:{\\&quot;x\\&quot;:100,\\&quot;y\\&quot;:50},\\&quot;data\\&quot;:{\\&quot;label\\&quot;:\\&quot;Welche Nudeln?\\&quot;,\\&quot;title\\&quot;:\\&quot;Welche Nudeln?\\&quot;,\\&quot;description\\&quot;:\\&quot;%3Cp%3E%3Cbr%3E%3C%2Fp%3E\\&quot;},\\&quot;options\\&quot;:[\\&quot;Spaghetti\\&quot;,\\&quot;Farfalle\\&quot;,\\&quot;Lasagne Platten\\&quot;],\\&quot;isStart\\&quot;:true,\\&quot;dependencies\\&quot;:[{\\&quot;source\\&quot;:\\&quot;1\\&quot;,\\&quot;sourceHandle\\&quot;:null,\\&quot;target\\&quot;:\\&quot;2\\&quot;,\\&quot;targetHandle\\&quot;:null,\\&quot;type\\&quot;:\\&quot;buttonedge\\&quot;,\\&quot;id\\&quot;:\\&quot;reactflow__edge-1null-2null\\&quot;,\\&quot;dependency\\&quot;:[{\\&quot;title\\&quot;:\\&quot;Nudelsorte\\&quot;,\\&quot;element\\&quot;:\\&quot;1\\&quot;,\\&quot;value\\&quot;:[\\&quot;\\&quot;,\\&quot;Lasagne Platten\\&quot;,\\&quot;Farfalle\\&quot;,\\&quot;Spaghetti\\&quot;]}]},{\\&quot;source\\&quot;:\\&quot;1\\&quot;,\\&quot;sourceHandle\\&quot;:null,\\&quot;target\\&quot;:\\&quot;4\\&quot;,\\&quot;targetHandle\\&quot;:null,\\&quot;type\\&quot;:\\&quot;buttonedge\\&quot;,\\&quot;id\\&quot;:\\&quot;reactflow__edge-1null-4null\\&quot;,\\&quot;dependency\\&quot;:[{\\&quot;title\\&quot;:\\&quot;Neue Abh\\u00e4ngigkeiten\\&quot;,\\&quot;element\\&quot;:\\&quot;1\\&quot;,\\&quot;value\\&quot;:[\\&quot;\\&quot;,\\&quot;Spaghetti\\&quot;]}]},{\\&quot;source\\&quot;:\\&quot;1\\&quot;,\\&quot;sourceHandle\\&quot;:null,\\&quot;target\\&quot;:\\&quot;7\\&quot;,\\&quot;targetHandle\\&quot;:null,\\&quot;type\\&quot;:\\&quot;buttonedge\\&quot;,\\&quot;id\\&quot;:\\&quot;reactflow__edge-1null-7null\\&quot;,\\&quot;dependency\\&quot;:[{\\&quot;title\\&quot;:\\&quot;Neue Abh\\u00e4ngigkeiten\\&quot;,\\&quot;element\\&quot;:\\&quot;1\\&quot;,\\&quot;value\\&quot;:[\\&quot;\\&quot;,\\&quot;Farfalle\\&quot;]}]},{\\&quot;source\\&quot;:\\&quot;1\\&quot;,\\&quot;sourceHandle\\&quot;:null,\\&quot;target\\&quot;:\\&quot;3\\&quot;,\\&quot;targetHandle\\&quot;:null,\\&quot;type\\&quot;:\\&quot;buttonedge\\&quot;,\\&quot;id\\&quot;:\\&quot;reactflow__edge-1null-3null\\&quot;,\\&quot;dependency\\&quot;:[{\\&quot;title\\&quot;:\\&quot;Neue Abh\\u00e4ngigkeiten\\&quot;,\\&quot;element\\&quot;:\\&quot;1\\&quot;,\\&quot;value\\&quot;:[\\&quot;\\&quot;,\\&quot;Lasagne Platten\\&quot;]}]},{\\&quot;source\\&quot;:\\&quot;1\\&quot;,\\&quot;sourceHandle\\&quot;:null,\\&quot;target\\&quot;:\\&quot;8\\&quot;,\\&quot;targetHandle\\&quot;:null,\\&quot;type\\&quot;:\\&quot;buttonedge\\&quot;,\\&quot;id\\&quot;:\\&quot;reactflow__edge-1null-8null\\&quot;,\\&quot;dependency\\&quot;:[{\\&quot;title\\&quot;:\\&quot;Neue Abh\\u00e4ngigkeiten\\&quot;,\\&quot;element\\&quot;:\\&quot;1\\&quot;,\\&quot;value\\&quot;:[\\&quot;\\&quot;,\\&quot;Lasagne Platten\\&quot;]}]}],\\&quot;possibleEdges\\&quot;:[{\\&quot;source\\&quot;:\\&quot;1\\&quot;,\\&quot;sourceHandle\\&quot;:null,\\&quot;target\\&quot;:\\&quot;2\\&quot;,\\&quot;targetHandle\\&quot;:null,\\&quot;type\\&quot;:\\&quot;buttonedge\\&quot;,\\&quot;id\\&quot;:\\&quot;reactflow__edge-1null-2null\\&quot;,\\&quot;dependency\\&quot;:[{\\&quot;title\\&quot;:\\&quot;Nudelsorte\\&quot;,\\&quot;element\\&quot;:\\&quot;1\\&quot;,\\&quot;value\\&quot;:[\\&quot;\\&quot;,\\&quot;Lasagne Platten\\&quot;,\\&quot;Farfalle\\&quot;,\\&quot;Spaghetti\\&quot;]}]},{\\&quot;source\\&quot;:\\&quot;1\\&quot;,\\&quot;sourceHandle\\&quot;:null,\\&quot;target\\&quot;:\\&quot;4\\&quot;,\\&quot;targetHandle\\&quot;:null,\\&quot;type\\&quot;:\\&quot;buttonedge\\&quot;,\\&quot;id\\&quot;:\\&quot;reactflow__edge-1null-4null\\&quot;,\\&quot;dependency\\&quot;:[{\\&quot;title\\&quot;:\\&quot;Neue Abh\\u00e4ngigkeiten\\&quot;,\\&quot;element\\&quot;:\\&quot;1\\&quot;,\\&quot;value\\&quot;:[\\&quot;\\&quot;,\\&quot;Spaghetti\\&quot;]}]},{\\&quot;source\\&quot;:\\&quot;1\\&quot;,\\&quot;sourceHandle\\&quot;:null,\\&quot;target\\&quot;:\\&quot;7\\&quot;,\\&quot;targetHandle\\&quot;:null,\\&quot;type\\&quot;:\\&quot;buttonedge\\&quot;,\\&quot;id\\&quot;:\\&quot;reactflow__edge-1null-7null\\&quot;,\\&quot;dependency\\&quot;:[{\\&quot;title\\&quot;:\\&quot;Neue Abh\\u00e4ngigkeiten\\&quot;,\\&quot;element\\&quot;:\\&quot;1\\&quot;,\\&quot;value\\&quot;:[\\&quot;\\&quot;,\\&quot;Farfalle\\&quot;]}]},{\\&quot;source\\&quot;:\\&quot;1\\&quot;,\\&quot;sourceHandle\\&quot;:null,\\&quot;target\\&quot;:\\&quot;3\\&quot;,\\&quot;targetHandle\\&quot;:null,\\&quot;type\\&quot;:\\&quot;buttonedge\\&quot;,\\&quot;id\\&quot;:\\&quot;reactflow__edge-1null-3null\\&quot;,\\&quot;dependency\\&quot;:[{\\&quot;title\\&quot;:\\&quot;Neue Abh\\u00e4ngigkeiten\\&quot;,\\&quot;element\\&quot;:\\&quot;1\\&quot;,\\&quot;value\\&quot;:[\\&quot;\\&quot;,\\&quot;Lasagne Platten\\&quot;]}]},{\\&quot;source\\&quot;:\\&quot;1\\&quot;,\\&quot;sourceHandle\\&quot;:null,\\&quot;target\\&quot;:\\&quot;8\\&quot;,\\&quot;targetHandle\\&quot;:null,\\&quot;type\\&quot;:\\&quot;buttonedge\\&quot;,\\&quot;id\\&quot;:\\&quot;reactflow__edge-1null-8null\\&quot;,\\&quot;dependency\\&quot;:[{\\&quot;title\\&quot;:\\&quot;Neue Abh\\u00e4ngigkeiten\\&quot;,\\&quot;element\\&quot;:\\&quot;1\\&quot;,\\&quot;value\\&quot;:[\\&quot;\\&quot;,\\&quot;Lasagne Platten\\&quot;]}]}]},{\\&quot;id\\&quot;:\\&quot;4\\&quot;,\\&quot;sourcePosition\\&quot;:\\&quot;right\\&quot;,\\&quot;targetPosition\\&quot;:\\&quot;left\\&quot;,\\&quot;hidden\\&quot;:false,\\&quot;position\\&quot;:{\\&quot;x\\&quot;:800,\\&quot;y\\&quot;:1.4210854715202004e-14},\\&quot;data\\&quot;:{\\&quot;label\\&quot;:\\&quot;Bolognese\\&quot;,\\&quot;resultId\\&quot;:119346,\\&quot;title\\&quot;:\\&quot;Bolo\\&quot;},\\&quot;isResult\\&quot;:true,\\&quot;dependencies\\&quot;:[],\\&quot;possibleEdges\\&quot;:[]},{\\&quot;id\\&quot;:\\&quot;7\\&quot;,\\&quot;sourcePosition\\&quot;:\\&quot;right\\&quot;,\\&quot;targetPosition\\&quot;:\\&quot;left\\&quot;,\\&quot;hidden\\&quot;:false,\\&quot;position\\&quot;:{\\&quot;x\\&quot;:800,\\&quot;y\\&quot;:50.00000000000001},\\&quot;data\\&quot;:{\\&quot;label\\&quot;:\\&quot;Nudeln Generell zb Farfalle\\&quot;,\\&quot;resultId\\&quot;:119337,\\&quot;title\\&quot;:\\&quot;Farfalle\\&quot;},\\&quot;isResult\\&quot;:true,\\&quot;dependencies\\&quot;:[],\\&quot;possibleEdges\\&quot;:[]},{\\&quot;id\\&quot;:\\&quot;8\\&quot;,\\&quot;sourcePosition\\&quot;:\\&quot;right\\&quot;,\\&quot;targetPosition\\&quot;:\\&quot;left\\&quot;,\\&quot;hidden\\&quot;:false,\\&quot;position\\&quot;:{\\&quot;x\\&quot;:750,\\&quot;y\\&quot;:300},\\&quot;isStart\\&quot;:false,\\&quot;isResult\\&quot;:true,\\&quot;options\\&quot;:[],\\&quot;data\\&quot;:{\\&quot;label\\&quot;:\\&quot;Lasagne\\&quot;,\\&quot;title\\&quot;:\\&quot;Lasagne\\&quot;,\\&quot;description\\&quot;:\\&quot;&lt;p&gt;Enter your description here...&lt;\\\/p&gt;\\&quot;,\\&quot;resultId\\&quot;:119332},\\&quot;dependencies\\&quot;:[],\\&quot;possibleEdges\\&quot;:[]}]&quot;\n}\"><\/jgu-base-stepbystep>    <div style=\"display: none\">\n        \n    <\/div>","protected":false},"excerpt":{"rendered":"<p>Entscheidungsb\u00e4ume mit den Verzweigungsseiten in der Form und den Ergebnisseiten in den Results. Bevor Sie anfangen, sollten sie den kompletten Entscheidungsbaum und alle Ergebnisse fertig haben!<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-112101","page","type-page","status-publish","hentry"],"content_raw":"<!-- wp:jgu\/pageheader {\"items\":[{\"box\":{\"index\":\"\",\"title\":\"Step by Step Form\",\"link\":{\"url\":\"\",\"title\":\"learn more\"}},\"color\":\"dark\",\"image\":{\"url\":\"\"},\"imgCredit\":\"\",\"useVideo\":false,\"video\":false}],\"type\":\"small\"} \/-->\n\n<!-- wp:paragraph -->\n<p class=\"has-big-font-size\">Entscheidungsb\u00e4ume mit den Verzweigungsseiten in der Form und den Ergebnisseiten in den Results. Bevor Sie anfangen, sollten sie den kompletten Entscheidungsbaum und alle Ergebnisse fertig haben!<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"ordered\":true} -->\n<ol class=\"wp-block-list\"><!-- wp:list-item -->\n<li>Form anlegen<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Optionen f\u00fcr die oberste Ebene Anlegen<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Block anlegen, dabei die Benennung immer z.B. in Klammern eine eindeutige Bezeichnung, oder die technische Bezeichnung verwenden.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>So geht man durch die Liste aller Fragen durch, die man stellen will.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Nur der Anfang erh\u00e4lt \"Block ist Start\"<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Alle Zwischenfragen bekommen keine Haken<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>F\u00fcr jeden m\u00f6glichen Pfad ist ein Ergebnisblock n\u00f6tig<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Die Resultseiten sollten man schon vorher fertig haben<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Verbindungen zwischen den Fragen schaffen<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Pluszeichen zwischen den Bl\u00f6cken<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Jedes m\u00f6gliche Endergebnis ist eine Result-Seite<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Result rechts unten anklicken so da\u00df es blau gehighlighted ist.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>In der Seite, in der der Entscheidungsbaum angezeigt werden soll, Step by Step Block anlegen und Form ausw\u00e4hlen.<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Fehlermeldung: \"kein Formulardaten eingetragen\"<\/li>\n<!-- \/wp:list-item --><\/ol>\n<!-- \/wp:list -->\n\n<!-- wp:jgu\/step-by-step {\"form\":[112095]} \/-->","_links":{"self":[{"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages\/112101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/comments?post=112101"}],"version-history":[{"count":5,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages\/112101\/revisions"}],"predecessor-version":[{"id":119620,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/pages\/112101\/revisions\/119620"}],"wp:attachment":[{"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/media?parent=112101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/categories?post=112101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cms.zdv.uni-mainz.de\/modul-demo\/wp-json\/wp\/v2\/tags?post=112101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}