terminal42/contao-mp_forms

terminal42/contao-mp_forms > fehlermeldung

Hallo zusammen,

ich habe ein mehrseitiges Formular angelegt und bekomme beim Sprung auf die nächste Seite folgende Fehlermeldung.
Kann hier jemand weiterhelfen?

Code:

[2023-08-09T20:03:07.297325+02:00] request.INFO: Matched route "tl_page.96". {"route":"tl_page.96","route_parameters":{"_token_check":true,"_controller":"Contao\\FrontendIndex::renderPage","_scope":"frontend","_locale":"de","_format":"html","_canonical_route":"tl_page.96","parameters":"","pageModel":{"Contao\\PageModel":[]},"_route":"tl_page.96","_route_object":{"Contao\\CoreBundle\\Routing\\Page\\PageRoute":[]}},"request_uri":"https://www.../comment.html?id=95&ref=5e8d703221b08f5c22c503092b473655&step=1","method":"GET"} [] [2023-08-09T20:03:07.307702+02:00] security.INFO: Populated the TokenStorage with an anonymous Token. [] [] [2023-08-09T20:03:07.370032+02:00] request.CRITICAL: Uncaught PHP Exception OutOfBoundsException: "Step 1 does not exist." at /vendor/terminal42/contao-mp_forms/src/FormManager.php line 318 {"exception":"[object] (OutOfBoundsException(code: 0): Step 1 does not exist. at /vendor/terminal42/contao-mp_forms/src/FormManager.php:318)"} []

Besten Dank

Contao 4.13.29
contao-mp_forms 5.0.1

Verwende Mp_forms mit der Version 4.4.0

Scheinbar liegt es an der Version 5 von Mp_forms.
Zufällig fand ich es heraus, weil ich eine frühere Testinstallation mit der Version 4.4.0 von Mp_forms hatte.
Diese auch mit mit Contao 4.13.29

Ticket dazu gibt es schon: https://github.com/terminal42/contao-mp_forms/issues/76

Ich hatte das Ticket vor diesen Antworten angelegt und bevor ich das Problem für mich lösen konnte.
Noch zur Ergänzung die Version 5 läuft vermutlich nicht mit contao 4.13, obwohl sie laut Beschreibung laufen sollte.

Zitat:

Zitat von privat

Ich hatte das Ticket vor diesen Antworten angelegt und bevor ich das Problem für mich lösen konnte.

Wie konntest du es denn lösen?

Wie oben beschrieben,
Zufällig fand ich es heraus, weil ich eine frühere Testinstallation mit der Version 4.4.0 von Mp_forms hatte.
Diese auch mit mit Contao 4.13.29...
Damit hat es funktioniert

Unter php 8.1? Dann geh ich auch zurück auf die 4.4

Bei mir hat Php 7 und 8 mit MP-FORMS 4.4.0 funktioniert

Mit der Contao Version hat das Problem vermutlich nichts zu tun.

Mp-forms 5 sollte ja mit contao 4.13 laufen, hat bei mir leider nicht funktioniert.
vermutlich liegt es dann an Mp-forms 5.

Zitat:

Zitat von privat

Bei mir hat Php 7 und 8 mit MP-FORMS 4.4.0 funktioniert

Kann über den Contao Manager nicht auf die 4.4.0 > Fehlermeldung bei Installation.
Hoffe einfach mal auf ein Update der 5er Version :(

Und welche Fehlermeldung?

Liste der Anhänge anzeigen (Anzahl: 1)

Zitat:

Zitat von Spooky

Und welche Fehlermeldung?

Anhang 26597

Du musst "Alle Pakete aktualisieren" klicken, statt "Anwenden".

Zitat:

Zitat von Spooky

Du musst "Alle Pakete aktualisieren" klicken, statt "Anwenden".

Dann siehts so aus:

Code:

> Resolving dependencies using Composer Cloud v3.6.0-1-g9d9036c [8.2MiB/0.19s] Loading composer repositories with package information [83.3MiB/13.08s] Updating dependencies [201.2MiB/13.96s] Your requirements could not be resolved to an installable set of packages. [201.2MiB/13.97s] Problem 1 - codefog/contao-haste[4.18.0, ..., 4.20.3] require php ~5.4 || ~7.0 -> your php version (8.1.22.0) does not satisfy that requirement. - codefog/contao-haste[4.21.0, ..., 4.24.13] require php ~5.6 || ~7.0 -> your php version (8.1.22.0) does not satisfy that requirement. - Root composer.json requires terminal42/contao-leads ^3.0 -> satisfiable by terminal42/contao-leads[3.0.0, 3.0.1, 3.0.2]. - terminal42/contao-mp_forms 4.4.0 requires codefog/contao-haste ^4.18 -> satisfiable by codefog/contao-haste[4.18.0, ..., 4.25.27]. - You can only install one version of a package, so only one of these can be installed: codefog/contao-haste[4.5.1, ..., 4.25.27, 5.0.0, ..., 5.1.11]. - terminal42/contao-leads[3.0.0, ..., 3.0.2] require codefog/contao-haste ^5.0 -> satisfiable by codefog/contao-haste[5.0.0, ..., 5.1.11]. - Root composer.json requires terminal42/contao-mp_forms ^4.4.0 -> satisfiable by terminal42/contao-mp_forms[4.4.0]. Use the option --with-all-dependencies (-W) to allow upgrades, downgrades and removals for packages currently locked to specific versions. [201.2MiB/13.97s] <warning>Running update with --no-dev does not mean require-dev is ignored, it just means the packages will not be installed. If dev requirements are blocking the update you have to resolve those problems.</warning> [57.8MiB/14.06s] Memory usage: 57.84MB (peak: 214.13MB), time: 14.07s. [57.8MiB/14.07s] Finished Composer Cloud resolving.

Für terminal42/contao-mp_forms ^4 müsstest du terminal42/contao-leads auf ^1 downgraden.

Zitat:

Zitat von Spooky

Für terminal42/contao-mp_forms ^4 müsstest du terminal42/contao-leads auf ^1 downgraden.

und mit terminal42/notification_center auf ^1.6?

Genau, ja

Zitat:

Zitat von Spooky

Genau, ja

Danke! mp_forms läuft nun unter C4.13 mit downgrade von notification_center und leads

Das oben verlinkte Ticket https://github.com/terminal42/contao-mp_forms/issues/76 wurde geschlossen, weil der Entwickler der Erweiterung den Fehler nicht reproduzieren konnte (ich übrigens auch nicht).
Wer also noch detaillierte Informationen zu dem Fehler hat z.B. welche Erweiterungen waren sonst noch installiert oder welche Besonderheiten hatte das Formular, dann bitte im Ticket auf Github hinterlegen.

Ich habe das Problem ebenfalls in einer frischen, lokalen Demo-Installation. PHP 8.2.12, Contao 4.13.34. Die einzigen installierten Extensions – ab von den Contao-eigenen – sind Leads (3.0.2), Mehrseitige Formulare (5.1.0) und Notification Center (1.7.2)

Modifiziert wurde das Contact-Formular der Demo-Installation, mit drei Pagebreaks (letzter zum Absenden) und zwei weiteren Test-Inputs. Der „Schritt Query-Parameter“ lautet „step“, der „Session-Referenz Query-Parameter“ lautet „ref“ – also alles Sstandard. Klickt man nun auf den „Weiter“-Button, stirbt das Ding ab. Sobald man den Schritt Query-Parameter umbenennt, z. B. einfach nur „_step“, funktioniert alles.

Hier der Stack trace

PHP-Code:

OutOfBoundsException: Step 1 does not exist. at vendor/terminal42/contao-mp_forms/src/FormManager.php:336 at Terminal42\MultipageFormsBundle\FormManager->validateStep(1) (vendor/terminal42/contao-mp_forms/src/FormManager.php:121) at Terminal42\MultipageFormsBundle\FormManager->getDataOfStep(1) (vendor/terminal42/contao-mp_forms/src/FormManager.php:114) at Terminal42\MultipageFormsBundle\FormManager->getDataOfCurrentStep() (vendor/terminal42/contao-mp_forms/src/EventListener/LoadFormFieldListener.php:29) at Terminal42\MultipageFormsBundle\EventListener\LoadFormFieldListener->__invoke(object(FormTextField), 'auto_form_3', array('id' => 3, 'tstamp' => 1358289627, 'title' => 'Search', 'alias' => 'search', 'jumpTo' => 14, 'sendViaEmail' => '', 'mailerTransport' => '', 'recipient' => '', 'subject' => '', 'format' => 'raw', 'skipEmpty' => '', 'storeValues' => '', 'targetTable' => '', 'customTpl' => '', 'method' => 'GET', 'novalidate' => '', 'attributes' => 'a:2:{i:0;s:11:"form-search";i:1;s:0:"";}', 'formID' => '', 'allowTags' => '', 'nc_notification' => 0, 'mp_forms_nextFragment' => '', 'mp_forms_backFragment' => '', 'mp_forms_sessionRefParam' => 'ref', 'mp_forms_getParam' => 'step', 'cssID' => array('searchbar searchbar--simple'), 'typePrefix' => 'ce_', 'headline' => '', 'hl' => 'h1', 'Template' => object(FrontendTemplate)), object(Form)) (vendor/contao/core-bundle/src/Resources/contao/forms/Form.php:200) at Contao\Form->compile() (vendor/contao/core-bundle/src/Resources/contao/classes/Hybrid.php:230) at Contao\Hybrid->generate() (vendor/contao/core-bundle/src/Resources/contao/forms/Form.php:90) at Contao\Form->generate() (vendor/contao/core-bundle/src/Resources/contao/library/Contao/Controller.php:622) at Contao\Controller::getContentElement(object(ContentModel), 'main') (vendor/contao/core-bundle/src/Resources/contao/modules/ModuleArticle.php:197) at Contao\ModuleArticle->compile() (vendor/contao/core-bundle/src/Resources/contao/modules/Module.php:214) at Contao\Module->generate() (vendor/contao/core-bundle/src/Resources/contao/modules/ModuleArticle.php:70) at Contao\ModuleArticle->generate(true) (vendor/contao/core-bundle/src/Resources/contao/library/Contao/Controller.php:550) at Contao\Controller::getArticle('30', false, true) (vendor/contao/core-bundle/src/Resources/contao/library/Contao/InsertTags.php:640) at Contao\InsertTags->executeReplace('<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Test Kontakt - Contao Official Demo</title> <base href="http://xxxx.local/"> <meta name="robots" content="index,follow"> <meta name="description" content=""> <meta name="generator" content="Contao Open Source CMS"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> [[TL_CSS_9bff8c45317e291de557968b2ed7b9ec]] [[TL_HEAD_9bff8c45317e291de557968b2ed7b9ec]] </head><body id="top" class="layout--2-column"> <div id="wrapper"> <header id="header"> <div class="inside"> <div class="header-top-bar"><div class="inner">{{insert_article::30}}</div></div><a href="{{env::path|urlattr}}" class="logo"> <img src="files/contaodemo/theme/src/img/contao-official-demo.svg" alt="Contao Demo"></a><div class="nav-toggle__box"> <button class="nav-toggle" data-nav-toggle="" aria-haspopup="menu"> <span class="nav-toggle__icon"> <span class="icon-line"></span> </span> Menu </button></div><nav class="mod_navigation nav-main hideat768 dropdown block" id="nav-main"> <a href="test-kontakt.html?step=1&ref=ddbaedf05a66990c959c9baba5aeb58f#skipNavigation1" class="invisible">Skip navigation</a> <ul class="level_1"> <li class="sibling first"><a href="./" title="Welcome to the official Contao Demo Site" class="sibling first" accesskey="1">Home</a></li> <li class="submenu sibling"><a href="content-elements.html" title="Content Elements" class="submenu sibling" aria-haspopup="true">Content Elements</a><ul class="level_2"> <li class="noprevlink first"><a href="text-elements.html" title="Text elements" class="noprevlink first">Text elements</a></li> <li><a href="accordion.html" title="Accordion">Accordion</a></li> <li><a href="content-slider.html" title="Content slider">Content slider</a></li> <li><a href="link-elements.html" title="Link elements">Link elements</a></li> <li><a href="media-elements.html" title="Media elements">Media elements</a></li> <li><a href="file-elements.html" title="File elements">File elements</a></li> <li class="last"><a href="include-elements.html" title="Include elements" class="last">Include elements</a></li> </ul></li> <li class="submenu sibling"><a href="modules.html" title="Modules" class="submenu sibling" aria-haspopup="true">Modules</a><ul class="level_2"> <li class="first"><a href="navigation.html" title="Navigation" class="first">Navigation</a></li> <li><a href="user.html" title="User">User</a></li> <li><a href="news.html" title="News">News</a></li> <li><a href="events.html" title="Events">Events</a></li> <li><a href="newsletter.html" title="Newsletter">Newsletter</a></li> <li><a href="faq.html" title="FAQ">FAQ</a></li> <li><a href="applications.html" title="Applications">Applications</a></li> <li class="last"><a href="miscellaneous.html" title="Miscellaneous" class="last">Miscellaneous</a></li> </ul></li> <li class="active"><strong class="active">Test Kontakt</strong></li> <li class="sibling last"><a href="about-contao.html" title="About Contao" class="sibling last">About Contao</a></li> </ul> <span id="skipNavigation1" class="invisible"></span></nav> </div> </header> <div class="custom"> <div id="sub-header"> <div class="inside"> <nav class="mod_breadcrumb breadcrumb block" aria-label="Breadcrumb"> <ul> <li class="first"><a href="./" title="Contao Official Demo">Contao Official Demo</a></li> <li class="active last" aria-current="page">Test Kontakt</li> </ul> </nav> </div></div> </div> <div id="container"> <main id="main"> <div class="inside">  <div class="mod_article block" id="article-90"> <div class="mod_article__inner"> <div class="ce_form block"> <form method="post" enctype="application/x-www-form-urlencoded"> <div class="formbody"> <input type="hidden" name="FORM_SUBMIT" value="auto_form_5"> <input type="hidden" name="REQUEST_TOKEN" value="117bba749dc726d301ccafc6.t7h2XtB3ZvPQdS8EZaL776qRYU7sOuNqz7Dd4HeuRKc.w-AHOLoEDrbmGBdqFcm4jtPWIj2rSroyisTvjiL3c_DN50YpsjonpJkaZg"> <div class="widget widget-textarea mandatory"> <label for="ctrl_19" class="mandatory"> <span class="invisible">Mandatory field </span>Your message<span class="mandatory">*</span> </label> <textarea name="message" id="ctrl_19" class="textarea mandatory" rows="4" cols="40" required></textarea></div><div class="widget widget-explanation explanation"> <p><strong>Explanation</strong><br>This is an optional information text within the form that adds further text content here.</p></div><div class="widget widget-captcha mandatory"> <label for="ctrl_20"> <span class="invisible">Mandatory field </span>For security<span class="mandatory">*</span> </label> <input type="text" name="captcha_20" id="ctrl_20" class="captcha mandatory" value="" aria-describedby="captcha_text_20" maxlength="2" required> <span id="captcha_text_20" class="captcha_text">What is the sum of 5 and 2?</span> <input type="hidden" name="captcha_20_hash" value=""> <div style="display:none"> <label for="ctrl_20_hp">Do not fill in this field</label> <input type="text" name="captcha_20_name" id="ctrl_20_hp" value=""> </div> <script> (function() { var e = document.getElementById(\'ctrl_20\'), p = e.parentNode, f = p.parentNode; if (f.classList.contains(\'widget-captcha\') || \'fieldset\' === f.nodeName.toLowerCase() && 1 === f.children.length) { p = f; } e.required = false; p.style.display = \'none\'; setTimeout(() => { fetch("\\/_contao\\/captcha\\/en").then(r => r.json()).then(d => { e.value = d.sum; e.form.elements["captcha_20_hash"].value = d.hash; document.getElementById(\'captcha_text_20\').textContent = d.question; }); }, 5000); })(); </script> </div><div class="widget widget-pagebreak"> <button type="submit" name="mp_form_pageswitch" value="continue">Zur Zusammenfassung</button> <button type="submit" name="mp_form_pageswitch" value="back" formnovalidate>Zurück zu Schritt 2</button></div> </div> </form></div> </div> </div> </div> </main> </div> <footer id="footer"> <div class="inside"> <a href="{{env::path|urlattr}}" class="logo logo--footer"> <img src="files/contaodemo/theme/src/img/contao-official-demo.svg" alt="logo Contao Official Demo"></a><div id="footer-content-block" class="footer-content"> {{insert_article::50}}</div><span class="footer-claim"> Designed with ???? <span style="display: inline-block;">by[nbsp]<a href="https://www.borowiakziehe.de" rel="noopener noreferrer" target="_blank">borowiakziehe</a></span></span>{{insert_module::64}} </div> </footer> </div> <div class="custom"> <div id="canvas"> <div class="inside"> {{file::/contaodemo/layout__canvas_content.html5}} </div></div> </div> <script src="assets/jquery-ui/js/jquery-ui.min.js?v=1.13.2"></script><script> jQuery(function($) { $(document).accordion({ // Put custom options here heightStyle: \'content\', header: \'.toggler\', collapsible: true, create: function(event, ui) { ui.header.addClass(\'active\'); $(\'.toggler\').attr(\'tabindex\', 0); }, activate: function(event, ui) { ui.newHeader.addClass(\'active\'); ui.oldHeader.removeClass(\'active\'); $(\'.toggler\').attr(\'tabindex\', 0); } }); });</script><script src="assets/colorbox/js/colorbox.min.js?v=1.6.6"></script><script> jQuery(function($) { $(\'a[data-lightbox]\').map(function() { $(this).colorbox({ // Put custom options here loop: false, rel: $(this).attr(\'data-lightbox\'), maxWidth: \'95%\', maxHeight: \'95%\' }); }); });</script><script src="assets/tablesorter/js/tablesorter.min.js?v=2.31.3"></script><script> jQuery(function($) { $(\'.ce_table .sortable\').each(function(i, table) { var attr = $(table).attr(\'data-sort-default\'), opts = {}, s; if (attr) { s = attr.split(\'|\'); opts = { sortList: [[s[0], s[1] == \'desc\' | 0]] }; } $(table).tablesorter(opts); }); });</script>[[TL_JQUERY_9bff8c45317e291de557968b2ed7b9ec]]<script src="assets/swipe/js/swipe.min.js?v=2.2.1"></script><script> (function() { var e = document.querySelectorAll(\'.content-slider, .slider-control\'), c, i; for (i=0; i<e.length; i+=2) { c = e[i].getAttribute(\'data-config\').split(\',\'); new Swipe(e[i], { // Put custom options here \'auto\': parseInt(c[0]), \'speed\': parseInt(c[1]), \'startSlide\': parseInt(c[2]), \'continuous\': parseInt(c[3]), \'menu\': e[i+1] }); } })();</script><script> (function() { var p = document.querySelector(\'p.error\') || document.querySelector(\'p.confirm\'); if (p) { p.scrollIntoView(); } })();</script>[[TL_BODY_9bff8c45317e291de557968b2ed7b9ec]]<script src="files/contaodemo/theme/src/js/scripts.js"></script> <script type="application/ld+json">{ "@context": "https:\\/\\/schema.org", "@graph": [ { "@type": "WebPage" }, { "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "item": { "@id": ".\\/", "name": "Contao Official Demo" }, "position": 1 }, { "@type": "ListItem", "item": { "@id": "test-kontakt.html", "name": "Test Kontakt" }, "position": 2 } ] } ]}</script><script type="application/ld+json">{ "@context": "https:\\/\\/schema.contao.org", "@graph": [ { "@type": "Page", "fePreview": false, "groups": [], "noSearch": false, "pageId": 73, "protected": false, "title": "Test Kontakt" } ]}</script></body></html>', true) (vendor/contao/core-bundle/src/Resources/contao/library/Contao/InsertTags.php:100) at Contao\InsertTags->replaceInternal('<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Test Kontakt - Contao Official Demo</title> <base href="http://xxxx.local/"> <meta name="robots" content="index,follow"> <meta name="description" content=""> <meta name="generator" content="Contao Open Source CMS"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> [[TL_CSS_9bff8c45317e291de557968b2ed7b9ec]] [[TL_HEAD_9bff8c45317e291de557968b2ed7b9ec]] </head><body id="top" class="layout--2-column"> <div id="wrapper"> <header id="header"> <div class="inside"> <div class="header-top-bar"><div class="inner">{{insert_article::30}}</div></div><a href="{{env::path|urlattr}}" class="logo"> <img src="files/contaodemo/theme/src/img/contao-official-demo.svg" alt="Contao Demo"></a><div class="nav-toggle__box"> <button class="nav-toggle" data-nav-toggle="" aria-haspopup="menu"> <span class="nav-toggle__icon"> <span class="icon-line"></span> </span> Menu </button></div><nav class="mod_navigation nav-main hideat768 dropdown block" id="nav-main"> <a href="test-kontakt.html?step=1&ref=ddbaedf05a66990c959c9baba5aeb58f#skipNavigation1" class="invisible">Skip navigation</a> <ul class="level_1"> <li class="sibling first"><a href="./" title="Welcome to the official Contao Demo Site" class="sibling first" accesskey="1">Home</a></li> <li class="submenu sibling"><a href="content-elements.html" title="Content Elements" class="submenu sibling" aria-haspopup="true">Content Elements</a><ul class="level_2"> <li class="noprevlink first"><a href="text-elements.html" title="Text elements" class="noprevlink first">Text elements</a></li> <li><a href="accordion.html" title="Accordion">Accordion</a></li> <li><a href="content-slider.html" title="Content slider">Content slider</a></li> <li><a href="link-elements.html" title="Link elements">Link elements</a></li> <li><a href="media-elements.html" title="Media elements">Media elements</a></li> <li><a href="file-elements.html" title="File elements">File elements</a></li> <li class="last"><a href="include-elements.html" title="Include elements" class="last">Include elements</a></li> </ul></li> <li class="submenu sibling"><a href="modules.html" title="Modules" class="submenu sibling" aria-haspopup="true">Modules</a><ul class="level_2"> <li class="first"><a href="navigation.html" title="Navigation" class="first">Navigation</a></li> <li><a href="user.html" title="User">User</a></li> <li><a href="news.html" title="News">News</a></li> <li><a href="events.html" title="Events">Events</a></li> <li><a href="newsletter.html" title="Newsletter">Newsletter</a></li> <li><a href="faq.html" title="FAQ">FAQ</a></li> <li><a href="applications.html" title="Applications">Applications</a></li> <li class="last"><a href="miscellaneous.html" title="Miscellaneous" class="last">Miscellaneous</a></li> </ul></li> <li class="active"><strong class="active">Test Kontakt</strong></li> <li class="sibling last"><a href="about-contao.html" title="About Contao" class="sibling last">About Contao</a></li> </ul> <span id="skipNavigation1" class="invisible"></span></nav> </div> </header> <div class="custom"> <div id="sub-header"> <div class="inside"> <nav class="mod_breadcrumb breadcrumb block" aria-label="Breadcrumb"> <ul> <li class="first"><a href="./" title="Contao Official Demo">Contao Official Demo</a></li> <li class="active last" aria-current="page">Test Kontakt</li> </ul> </nav> </div></div> </div> <div id="container"> <main id="main"> <div class="inside">  <div class="mod_article block" id="article-90"> <div class="mod_article__inner"> <div class="ce_form block"> <form method="post" enctype="application/x-www-form-urlencoded"> <div class="formbody"> <input type="hidden" name="FORM_SUBMIT" value="auto_form_5"> <input type="hidden" name="REQUEST_TOKEN" value="117bba749dc726d301ccafc6.t7h2XtB3ZvPQdS8EZaL776qRYU7sOuNqz7Dd4HeuRKc.w-AHOLoEDrbmGBdqFcm4jtPWIj2rSroyisTvjiL3c_DN50YpsjonpJkaZg"> <div class="widget widget-textarea mandatory"> <label for="ctrl_19" class="mandatory"> <span class="invisible">Mandatory field </span>Your message<span class="mandatory">*</span> </label> <textarea name="message" id="ctrl_19" class="textarea mandatory" rows="4" cols="40" required></textarea></div><div class="widget widget-explanation explanation"> <p><strong>Explanation</strong><br>This is an optional information text within the form that adds further text content here.</p></div><div class="widget widget-captcha mandatory"> <label for="ctrl_20"> <span class="invisible">Mandatory field </span>For security<span class="mandatory">*</span> </label> <input type="text" name="captcha_20" id="ctrl_20" class="captcha mandatory" value="" aria-describedby="captcha_text_20" maxlength="2" required> <span id="captcha_text_20" class="captcha_text">What is the sum of 5 and 2?</span> <input type="hidden" name="captcha_20_hash" value=""> <div style="display:none"> <label for="ctrl_20_hp">Do not fill in this field</label> <input type="text" name="captcha_20_name" id="ctrl_20_hp" value=""> </div> <script> (function() { var e = document.getElementById(\'ctrl_20\'), p = e.parentNode, f = p.parentNode; if (f.classList.contains(\'widget-captcha\') || \'fieldset\' === f.nodeName.toLowerCase() && 1 === f.children.length) { p = f; } e.required = false; p.style.display = \'none\'; setTimeout(() => { fetch("\\/_contao\\/captcha\\/en").then(r => r.json()).then(d => { e.value = d.sum; e.form.elements["captcha_20_hash"].value = d.hash; document.getElementById(\'captcha_text_20\').textContent = d.question; }); }, 5000); })(); </script> </div><div class="widget widget-pagebreak"> <button type="submit" name="mp_form_pageswitch" value="continue">Zur Zusammenfassung</button> <button type="submit" name="mp_form_pageswitch" value="back" formnovalidate>Zurück zu Schritt 2</button></div> </div> </form></div> </div> </div> </div> </main> </div> <footer id="footer"> <div class="inside"> <a href="{{env::path|urlattr}}" class="logo logo--footer"> <img src="files/contaodemo/theme/src/img/contao-official-demo.svg" alt="logo Contao Official Demo"></a><div id="footer-content-block" class="footer-content"> {{insert_article::50}}</div><span class="footer-claim"> Designed with ???? <span style="display: inline-block;">by[nbsp]<a href="https://www.borowiakziehe.de" rel="noopener noreferrer" target="_blank">borowiakziehe</a></span></span>{{insert_module::64}} </div> </footer> </div> <div class="custom"> <div id="canvas"> <div class="inside"> {{file::/contaodemo/layout__canvas_content.html5}} </div></div> </div> <script src="assets/jquery-ui/js/jquery-ui.min.js?v=1.13.2"></script><script> jQuery(function($) { $(document).accordion({ // Put custom options here heightStyle: \'content\', header: \'.toggler\', collapsible: true, create: function(event, ui) { ui.header.addClass(\'active\'); $(\'.toggler\').attr(\'tabindex\', 0); }, activate: function(event, ui) { ui.newHeader.addClass(\'active\'); ui.oldHeader.removeClass(\'active\'); $(\'.toggler\').attr(\'tabindex\', 0); } }); });</script><script src="assets/colorbox/js/colorbox.min.js?v=1.6.6"></script><script> jQuery(function($) { $(\'a[data-lightbox]\').map(function() { $(this).colorbox({ // Put custom options here loop: false, rel: $(this).attr(\'data-lightbox\'), maxWidth: \'95%\', maxHeight: \'95%\' }); }); });</script><script src="assets/tablesorter/js/tablesorter.min.js?v=2.31.3"></script><script> jQuery(function($) { $(\'.ce_table .sortable\').each(function(i, table) { var attr = $(table).attr(\'data-sort-default\'), opts = {}, s; if (attr) { s = attr.split(\'|\'); opts = { sortList: [[s[0], s[1] == \'desc\' | 0]] }; } $(table).tablesorter(opts); }); });</script>[[TL_JQUERY_9bff8c45317e291de557968b2ed7b9ec]]<script src="assets/swipe/js/swipe.min.js?v=2.2.1"></script><script> (function() { var e = document.querySelectorAll(\'.content-slider, .slider-control\'), c, i; for (i=0; i<e.length; i+=2) { c = e[i].getAttribute(\'data-config\').split(\',\'); new Swipe(e[i], { // Put custom options here \'auto\': parseInt(c[0]), \'speed\': parseInt(c[1]), \'startSlide\': parseInt(c[2]), \'continuous\': parseInt(c[3]), \'menu\': e[i+1] }); } })();</script><script> (function() { var p = document.querySelector(\'p.error\') || document.querySelector(\'p.confirm\'); if (p) { p.scrollIntoView(); } })();</script>[[TL_BODY_9bff8c45317e291de557968b2ed7b9ec]]<script src="files/contaodemo/theme/src/js/scripts.js"></script> <script type="application/ld+json">{ "@context": "https:\\/\\/schema.org", "@graph": [ { "@type": "WebPage" }, { "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "item": { "@id": ".\\/", "name": "Contao Official Demo" }, "position": 1 }, { "@type": "ListItem", "item": { "@id": "test-kontakt.html", "name": "Test Kontakt" }, "position": 2 } ] } ]}</script><script type="application/ld+json">{ "@context": "https:\\/\\/schema.contao.org", "@graph": [ { "@type": "Page", "fePreview": false, "groups": [], "noSearch": false, "pageId": 73, "protected": false, "title": "Test Kontakt" } ]}</script></body></html>', true) (vendor/contao/core-bundle/src/InsertTag/InsertTagParser.php:77) at Contao\CoreBundle\InsertTag\InsertTagParser->callLegacyClass('<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Test Kontakt - Contao Official Demo</title> <base href="http://xxxx.local/"> <meta name="robots" content="index,follow"> <meta name="description" content=""> <meta name="generator" content="Contao Open Source CMS"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> [[TL_CSS_9bff8c45317e291de557968b2ed7b9ec]] [[TL_HEAD_9bff8c45317e291de557968b2ed7b9ec]] </head><body id="top" class="layout--2-column"> <div id="wrapper"> <header id="header"> <div class="inside"> <div class="header-top-bar"><div class="inner">{{insert_article::30}}</div></div><a href="{{env::path|urlattr}}" class="logo"> <img src="files/contaodemo/theme/src/img/contao-official-demo.svg" alt="Contao Demo"></a><div class="nav-toggle__box"> <button class="nav-toggle" data-nav-toggle="" aria-haspopup="menu"> <span class="nav-toggle__icon"> <span class="icon-line"></span> </span> Menu </button></div><nav class="mod_navigation nav-main hideat768 dropdown block" id="nav-main"> <a href="test-kontakt.html?step=1&ref=ddbaedf05a66990c959c9baba5aeb58f#skipNavigation1" class="invisible">Skip navigation</a> <ul class="level_1"> <li class="sibling first"><a href="./" title="Welcome to the official Contao Demo Site" class="sibling first" accesskey="1">Home</a></li> <li class="submenu sibling"><a href="content-elements.html" title="Content Elements" class="submenu sibling" aria-haspopup="true">Content Elements</a><ul class="level_2"> <li class="noprevlink first"><a href="text-elements.html" title="Text elements" class="noprevlink first">Text elements</a></li> <li><a href="accordion.html" title="Accordion">Accordion</a></li> <li><a href="content-slider.html" title="Content slider">Content slider</a></li> <li><a href="link-elements.html" title="Link elements">Link elements</a></li> <li><a href="media-elements.html" title="Media elements">Media elements</a></li> <li><a href="file-elements.html" title="File elements">File elements</a></li> <li class="last"><a href="include-elements.html" title="Include elements" class="last">Include elements</a></li> </ul></li> <li class="submenu sibling"><a href="modules.html" title="Modules" class="submenu sibling" aria-haspopup="true">Modules</a><ul class="level_2"> <li class="first"><a href="navigation.html" title="Navigation" class="first">Navigation</a></li> <li><a href="user.html" title="User">User</a></li> <li><a href="news.html" title="News">News</a></li> <li><a href="events.html" title="Events">Events</a></li> <li><a href="newsletter.html" title="Newsletter">Newsletter</a></li> <li><a href="faq.html" title="FAQ">FAQ</a></li> <li><a href="applications.html" title="Applications">Applications</a></li> <li class="last"><a href="miscellaneous.html" title="Miscellaneous" class="last">Miscellaneous</a></li> </ul></li> <li class="active"><strong class="active">Test Kontakt</strong></li> <li class="sibling last"><a href="about-contao.html" title="About Contao" class="sibling last">About Contao</a></li> </ul> <span id="skipNavigation1" class="invisible"></span></nav> </div> </header> <div class="custom"> <div id="sub-header"> <div class="inside"> <nav class="mod_breadcrumb breadcrumb block" aria-label="Breadcrumb"> <ul> <li class="first"><a href="./" title="Contao Official Demo">Contao Official Demo</a></li> <li class="active last" aria-current="page">Test Kontakt</li> </ul> </nav> </div></div> </div> <div id="container"> <main id="main"> <div class="inside">  <div class="mod_article block" id="article-90"> <div class="mod_article__inner"> <div class="ce_form block"> <form method="post" enctype="application/x-www-form-urlencoded"> <div class="formbody"> <input type="hidden" name="FORM_SUBMIT" value="auto_form_5"> <input type="hidden" name="REQUEST_TOKEN" value="117bba749dc726d301ccafc6.t7h2XtB3ZvPQdS8EZaL776qRYU7sOuNqz7Dd4HeuRKc.w-AHOLoEDrbmGBdqFcm4jtPWIj2rSroyisTvjiL3c_DN50YpsjonpJkaZg"> <div class="widget widget-textarea mandatory"> <label for="ctrl_19" class="mandatory"> <span class="invisible">Mandatory field </span>Your message<span class="mandatory">*</span> </label> <textarea name="message" id="ctrl_19" class="textarea mandatory" rows="4" cols="40" required></textarea></div><div class="widget widget-explanation explanation"> <p><strong>Explanation</strong><br>This is an optional information text within the form that adds further text content here.</p></div><div class="widget widget-captcha mandatory"> <label for="ctrl_20"> <span class="invisible">Mandatory field </span>For security<span class="mandatory">*</span> </label> <input type="text" name="captcha_20" id="ctrl_20" class="captcha mandatory" value="" aria-describedby="captcha_text_20" maxlength="2" required> <span id="captcha_text_20" class="captcha_text">What is the sum of 5 and 2?</span> <input type="hidden" name="captcha_20_hash" value=""> <div style="display:none"> <label for="ctrl_20_hp">Do not fill in this field</label> <input type="text" name="captcha_20_name" id="ctrl_20_hp" value=""> </div> <script> (function() { var e = document.getElementById(\'ctrl_20\'), p = e.parentNode, f = p.parentNode; if (f.classList.contains(\'widget-captcha\') || \'fieldset\' === f.nodeName.toLowerCase() && 1 === f.children.length) { p = f; } e.required = false; p.style.display = \'none\'; setTimeout(() => { fetch("\\/_contao\\/captcha\\/en").then(r => r.json()).then(d => { e.value = d.sum; e.form.elements["captcha_20_hash"].value = d.hash; document.getElementById(\'captcha_text_20\').textContent = d.question; }); }, 5000); })(); </script> </div><div class="widget widget-pagebreak"> <button type="submit" name="mp_form_pageswitch" value="continue">Zur Zusammenfassung</button> <button type="submit" name="mp_form_pageswitch" value="back" formnovalidate>Zurück zu Schritt 2</button></div> </div> </form></div> </div> </div> </div> </main> </div> <footer id="footer"> <div class="inside"> <a href="{{env::path|urlattr}}" class="logo logo--footer"> <img src="files/contaodemo/theme/src/img/contao-official-demo.svg" alt="logo Contao Official Demo"></a><div id="footer-content-block" class="footer-content"> {{insert_article::50}}</div><span class="footer-claim"> Designed with ???? <span style="display: inline-block;">by[nbsp]<a href="https://www.borowiakziehe.de" rel="noopener noreferrer" target="_blank">borowiakziehe</a></span></span>{{insert_module::64}} </div> </footer> </div> <div class="custom"> <div id="canvas"> <div class="inside"> {{file::/contaodemo/layout__canvas_content.html5}} </div></div> </div> <script src="assets/jquery-ui/js/jquery-ui.min.js?v=1.13.2"></script><script> jQuery(function($) { $(document).accordion({ // Put custom options here heightStyle: \'content\', header: \'.toggler\', collapsible: true, create: function(event, ui) { ui.header.addClass(\'active\'); $(\'.toggler\').attr(\'tabindex\', 0); }, activate: function(event, ui) { ui.newHeader.addClass(\'active\'); ui.oldHeader.removeClass(\'active\'); $(\'.toggler\').attr(\'tabindex\', 0); } }); });</script><script src="assets/colorbox/js/colorbox.min.js?v=1.6.6"></script><script> jQuery(function($) { $(\'a[data-lightbox]\').map(function() { $(this).colorbox({ // Put custom options here loop: false, rel: $(this).attr(\'data-lightbox\'), maxWidth: \'95%\', maxHeight: \'95%\' }); }); });</script><script src="assets/tablesorter/js/tablesorter.min.js?v=2.31.3"></script><script> jQuery(function($) { $(\'.ce_table .sortable\').each(function(i, table) { var attr = $(table).attr(\'data-sort-default\'), opts = {}, s; if (attr) { s = attr.split(\'|\'); opts = { sortList: [[s[0], s[1] == \'desc\' | 0]] }; } $(table).tablesorter(opts); }); });</script>[[TL_JQUERY_9bff8c45317e291de557968b2ed7b9ec]]<script src="assets/swipe/js/swipe.min.js?v=2.2.1"></script><script> (function() { var e = document.querySelectorAll(\'.content-slider, .slider-control\'), c, i; for (i=0; i<e.length; i+=2) { c = e[i].getAttribute(\'data-config\').split(\',\'); new Swipe(e[i], { // Put custom options here \'auto\': parseInt(c[0]), \'speed\': parseInt(c[1]), \'startSlide\': parseInt(c[2]), \'continuous\': parseInt(c[3]), \'menu\': e[i+1] }); } })();</script><script> (function() { var p = document.querySelector(\'p.error\') || document.querySelector(\'p.confirm\'); if (p) { p.scrollIntoView(); } })();</script>[[TL_BODY_9bff8c45317e291de557968b2ed7b9ec]]<script src="files/contaodemo/theme/src/js/scripts.js"></script> <script type="application/ld+json">{ "@context": "https:\\/\\/schema.org", "@graph": [ { "@type": "WebPage" }, { "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "item": { "@id": ".\\/", "name": "Contao Official Demo" }, "position": 1 }, { "@type": "ListItem", "item": { "@id": "test-kontakt.html", "name": "Test Kontakt" }, "position": 2 } ] } ]}</script><script type="application/ld+json">{ "@context": "https:\\/\\/schema.contao.org", "@graph": [ { "@type": "Page", "fePreview": false, "groups": [], "noSearch": false, "pageId": 73, "protected": false, "title": "Test Kontakt" } ]}</script></body></html>', true) (vendor/contao/core-bundle/src/InsertTag/InsertTagParser.php:37) at Contao\CoreBundle\InsertTag\InsertTagParser->replaceChunked('<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Test Kontakt - Contao Official Demo</title> <base href="http://xxxx.local/"> <meta name="robots" content="index,follow"> <meta name="description" content=""> <meta name="generator" content="Contao Open Source CMS"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> [[TL_CSS_9bff8c45317e291de557968b2ed7b9ec]] [[TL_HEAD_9bff8c45317e291de557968b2ed7b9ec]] </head><body id="top" class="layout--2-column"> <div id="wrapper"> <header id="header"> <div class="inside"> <div class="header-top-bar"><div class="inner">{{insert_article::30}}</div></div><a href="{{env::path|urlattr}}" class="logo"> <img src="files/contaodemo/theme/src/img/contao-official-demo.svg" alt="Contao Demo"></a><div class="nav-toggle__box"> <button class="nav-toggle" data-nav-toggle="" aria-haspopup="menu"> <span class="nav-toggle__icon"> <span class="icon-line"></span> </span> Menu </button></div><nav class="mod_navigation nav-main hideat768 dropdown block" id="nav-main"> <a href="test-kontakt.html?step=1&ref=ddbaedf05a66990c959c9baba5aeb58f#skipNavigation1" class="invisible">Skip navigation</a> <ul class="level_1"> <li class="sibling first"><a href="./" title="Welcome to the official Contao Demo Site" class="sibling first" accesskey="1">Home</a></li> <li class="submenu sibling"><a href="content-elements.html" title="Content Elements" class="submenu sibling" aria-haspopup="true">Content Elements</a><ul class="level_2"> <li class="noprevlink first"><a href="text-elements.html" title="Text elements" class="noprevlink first">Text elements</a></li> <li><a href="accordion.html" title="Accordion">Accordion</a></li> <li><a href="content-slider.html" title="Content slider">Content slider</a></li> <li><a href="link-elements.html" title="Link elements">Link elements</a></li> <li><a href="media-elements.html" title="Media elements">Media elements</a></li> <li><a href="file-elements.html" title="File elements">File elements</a></li> <li class="last"><a href="include-elements.html" title="Include elements" class="last">Include elements</a></li> </ul></li> <li class="submenu sibling"><a href="modules.html" title="Modules" class="submenu sibling" aria-haspopup="true">Modules</a><ul class="level_2"> <li class="first"><a href="navigation.html" title="Navigation" class="first">Navigation</a></li> <li><a href="user.html" title="User">User</a></li> <li><a href="news.html" title="News">News</a></li> <li><a href="events.html" title="Events">Events</a></li> <li><a href="newsletter.html" title="Newsletter">Newsletter</a></li> <li><a href="faq.html" title="FAQ">FAQ</a></li> <li><a href="applications.html" title="Applications">Applications</a></li> <li class="last"><a href="miscellaneous.html" title="Miscellaneous" class="last">Miscellaneous</a></li> </ul></li> <li class="active"><strong class="active">Test Kontakt</strong></li> <li class="sibling last"><a href="about-contao.html" title="About Contao" class="sibling last">About Contao</a></li> </ul> <span id="skipNavigation1" class="invisible"></span></nav> </div> </header> <div class="custom"> <div id="sub-header"> <div class="inside"> <nav class="mod_breadcrumb breadcrumb block" aria-label="Breadcrumb"> <ul> <li class="first"><a href="./" title="Contao Official Demo">Contao Official Demo</a></li> <li class="active last" aria-current="page">Test Kontakt</li> </ul> </nav> </div></div> </div> <div id="container"> <main id="main"> <div class="inside">  <div class="mod_article block" id="article-90"> <div class="mod_article__inner"> <div class="ce_form block"> <form method="post" enctype="application/x-www-form-urlencoded"> <div class="formbody"> <input type="hidden" name="FORM_SUBMIT" value="auto_form_5"> <input type="hidden" name="REQUEST_TOKEN" value="117bba749dc726d301ccafc6.t7h2XtB3ZvPQdS8EZaL776qRYU7sOuNqz7Dd4HeuRKc.w-AHOLoEDrbmGBdqFcm4jtPWIj2rSroyisTvjiL3c_DN50YpsjonpJkaZg"> <div class="widget widget-textarea mandatory"> <label for="ctrl_19" class="mandatory"> <span class="invisible">Mandatory field </span>Your message<span class="mandatory">*</span> </label> <textarea name="message" id="ctrl_19" class="textarea mandatory" rows="4" cols="40" required></textarea></div><div class="widget widget-explanation explanation"> <p><strong>Explanation</strong><br>This is an optional information text within the form that adds further text content here.</p></div><div class="widget widget-captcha mandatory"> <label for="ctrl_20"> <span class="invisible">Mandatory field </span>For security<span class="mandatory">*</span> </label> <input type="text" name="captcha_20" id="ctrl_20" class="captcha mandatory" value="" aria-describedby="captcha_text_20" maxlength="2" required> <span id="captcha_text_20" class="captcha_text">What is the sum of 5 and 2?</span> <input type="hidden" name="captcha_20_hash" value=""> <div style="display:none"> <label for="ctrl_20_hp">Do not fill in this field</label> <input type="text" name="captcha_20_name" id="ctrl_20_hp" value=""> </div> <script> (function() { var e = document.getElementById(\'ctrl_20\'), p = e.parentNode, f = p.parentNode; if (f.classList.contains(\'widget-captcha\') || \'fieldset\' === f.nodeName.toLowerCase() && 1 === f.children.length) { p = f; } e.required = false; p.style.display = \'none\'; setTimeout(() => { fetch("\\/_contao\\/captcha\\/en").then(r => r.json()).then(d => { e.value = d.sum; e.form.elements["captcha_20_hash"].value = d.hash; document.getElementById(\'captcha_text_20\').textContent = d.question; }); }, 5000); })(); </script> </div><div class="widget widget-pagebreak"> <button type="submit" name="mp_form_pageswitch" value="continue">Zur Zusammenfassung</button> <button type="submit" name="mp_form_pageswitch" value="back" formnovalidate>Zurück zu Schritt 2</button></div> </div> </form></div> </div> </div> </div> </main> </div> <footer id="footer"> <div class="inside"> <a href="{{env::path|urlattr}}" class="logo logo--footer"> <img src="files/contaodemo/theme/src/img/contao-official-demo.svg" alt="logo Contao Official Demo"></a><div id="footer-content-block" class="footer-content"> {{insert_article::50}}</div><span class="footer-claim"> Designed with ???? <span style="display: inline-block;">by[nbsp]<a href="https://www.borowiakziehe.de" rel="noopener noreferrer" target="_blank">borowiakziehe</a></span></span>{{insert_module::64}} </div> </footer> </div> <div class="custom"> <div id="canvas"> <div class="inside"> {{file::/contaodemo/layout__canvas_content.html5}} </div></div> </div> <script src="assets/jquery-ui/js/jquery-ui.min.js?v=1.13.2"></script><script> jQuery(function($) { $(document).accordion({ // Put custom options here heightStyle: \'content\', header: \'.toggler\', collapsible: true, create: function(event, ui) { ui.header.addClass(\'active\'); $(\'.toggler\').attr(\'tabindex\', 0); }, activate: function(event, ui) { ui.newHeader.addClass(\'active\'); ui.oldHeader.removeClass(\'active\'); $(\'.toggler\').attr(\'tabindex\', 0); } }); });</script><script src="assets/colorbox/js/colorbox.min.js?v=1.6.6"></script><script> jQuery(function($) { $(\'a[data-lightbox]\').map(function() { $(this).colorbox({ // Put custom options here loop: false, rel: $(this).attr(\'data-lightbox\'), maxWidth: \'95%\', maxHeight: \'95%\' }); }); });</script><script src="assets/tablesorter/js/tablesorter.min.js?v=2.31.3"></script><script> jQuery(function($) { $(\'.ce_table .sortable\').each(function(i, table) { var attr = $(table).attr(\'data-sort-default\'), opts = {}, s; if (attr) { s = attr.split(\'|\'); opts = { sortList: [[s[0], s[1] == \'desc\' | 0]] }; } $(table).tablesorter(opts); }); });</script>[[TL_JQUERY_9bff8c45317e291de557968b2ed7b9ec]]<script src="assets/swipe/js/swipe.min.js?v=2.2.1"></script><script> (function() { var e = document.querySelectorAll(\'.content-slider, .slider-control\'), c, i; for (i=0; i<e.length; i+=2) { c = e[i].getAttribute(\'data-config\').split(\',\'); new Swipe(e[i], { // Put custom options here \'auto\': parseInt(c[0]), \'speed\': parseInt(c[1]), \'startSlide\': parseInt(c[2]), \'continuous\': parseInt(c[3]), \'menu\': e[i+1] }); } })();</script><script> (function() { var p = document.querySelector(\'p.error\') || document.querySelector(\'p.confirm\'); if (p) { p.scrollIntoView(); } })();</script>[[TL_BODY_9bff8c45317e291de557968b2ed7b9ec]]<script src="files/contaodemo/theme/src/js/scripts.js"></script> <script type="application/ld+json">{ "@context": "https:\\/\\/schema.org", "@graph": [ { "@type": "WebPage" }, { "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "item": { "@id": ".\\/", "name": "Contao Official Demo" }, "position": 1 }, { "@type": "ListItem", "item": { "@id": "test-kontakt.html", "name": "Test Kontakt" }, "position": 2 } ] } ]}</script><script type="application/ld+json">{ "@context": "https:\\/\\/schema.contao.org", "@graph": [ { "@type": "Page", "fePreview": false, "groups": [], "noSearch": false, "pageId": 73, "protected": false, "title": "Test Kontakt" } ]}</script></body></html>') (vendor/contao/core-bundle/src/InsertTag/InsertTagParser.php:32) at Contao\CoreBundle\InsertTag\InsertTagParser->replace('<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Test Kontakt - Contao Official Demo</title> <base href="http://xxxx.local/"> <meta name="robots" content="index,follow"> <meta name="description" content=""> <meta name="generator" content="Contao Open Source CMS"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> [[TL_CSS_9bff8c45317e291de557968b2ed7b9ec]] [[TL_HEAD_9bff8c45317e291de557968b2ed7b9ec]] </head><body id="top" class="layout--2-column"> <div id="wrapper"> <header id="header"> <div class="inside"> <div class="header-top-bar"><div class="inner">{{insert_article::30}}</div></div><a href="{{env::path|urlattr}}" class="logo"> <img src="files/contaodemo/theme/src/img/contao-official-demo.svg" alt="Contao Demo"></a><div class="nav-toggle__box"> <button class="nav-toggle" data-nav-toggle="" aria-haspopup="menu"> <span class="nav-toggle__icon"> <span class="icon-line"></span> </span> Menu </button></div><nav class="mod_navigation nav-main hideat768 dropdown block" id="nav-main"> <a href="test-kontakt.html?step=1&ref=ddbaedf05a66990c959c9baba5aeb58f#skipNavigation1" class="invisible">Skip navigation</a> <ul class="level_1"> <li class="sibling first"><a href="./" title="Welcome to the official Contao Demo Site" class="sibling first" accesskey="1">Home</a></li> <li class="submenu sibling"><a href="content-elements.html" title="Content Elements" class="submenu sibling" aria-haspopup="true">Content Elements</a><ul class="level_2"> <li class="noprevlink first"><a href="text-elements.html" title="Text elements" class="noprevlink first">Text elements</a></li> <li><a href="accordion.html" title="Accordion">Accordion</a></li> <li><a href="content-slider.html" title="Content slider">Content slider</a></li> <li><a href="link-elements.html" title="Link elements">Link elements</a></li> <li><a href="media-elements.html" title="Media elements">Media elements</a></li> <li><a href="file-elements.html" title="File elements">File elements</a></li> <li class="last"><a href="include-elements.html" title="Include elements" class="last">Include elements</a></li> </ul></li> <li class="submenu sibling"><a href="modules.html" title="Modules" class="submenu sibling" aria-haspopup="true">Modules</a><ul class="level_2"> <li class="first"><a href="navigation.html" title="Navigation" class="first">Navigation</a></li> <li><a href="user.html" title="User">User</a></li> <li><a href="news.html" title="News">News</a></li> <li><a href="events.html" title="Events">Events</a></li> <li><a href="newsletter.html" title="Newsletter">Newsletter</a></li> <li><a href="faq.html" title="FAQ">FAQ</a></li> <li><a href="applications.html" title="Applications">Applications</a></li> <li class="last"><a href="miscellaneous.html" title="Miscellaneous" class="last">Miscellaneous</a></li> </ul></li> <li class="active"><strong class="active">Test Kontakt</strong></li> <li class="sibling last"><a href="about-contao.html" title="About Contao" class="sibling last">About Contao</a></li> </ul> <span id="skipNavigation1" class="invisible"></span></nav> </div> </header> <div class="custom"> <div id="sub-header"> <div class="inside"> <nav class="mod_breadcrumb breadcrumb block" aria-label="Breadcrumb"> <ul> <li class="first"><a href="./" title="Contao Official Demo">Contao Official Demo</a></li> <li class="active last" aria-current="page">Test Kontakt</li> </ul> </nav> </div></div> </div> <div id="container"> <main id="main"> <div class="inside">  <div class="mod_article block" id="article-90"> <div class="mod_article__inner"> <div class="ce_form block"> <form method="post" enctype="application/x-www-form-urlencoded"> <div class="formbody"> <input type="hidden" name="FORM_SUBMIT" value="auto_form_5"> <input type="hidden" name="REQUEST_TOKEN" value="117bba749dc726d301ccafc6.t7h2XtB3ZvPQdS8EZaL776qRYU7sOuNqz7Dd4HeuRKc.w-AHOLoEDrbmGBdqFcm4jtPWIj2rSroyisTvjiL3c_DN50YpsjonpJkaZg"> <div class="widget widget-textarea mandatory"> <label for="ctrl_19" class="mandatory"> <span class="invisible">Mandatory field </span>Your message<span class="mandatory">*</span> </label> <textarea name="message" id="ctrl_19" class="textarea mandatory" rows="4" cols="40" required></textarea></div><div class="widget widget-explanation explanation"> <p><strong>Explanation</strong><br>This is an optional information text within the form that adds further text content here.</p></div><div class="widget widget-captcha mandatory"> <label for="ctrl_20"> <span class="invisible">Mandatory field </span>For security<span class="mandatory">*</span> </label> <input type="text" name="captcha_20" id="ctrl_20" class="captcha mandatory" value="" aria-describedby="captcha_text_20" maxlength="2" required> <span id="captcha_text_20" class="captcha_text">What is the sum of 5 and 2?</span> <input type="hidden" name="captcha_20_hash" value=""> <div style="display:none"> <label for="ctrl_20_hp">Do not fill in this field</label> <input type="text" name="captcha_20_name" id="ctrl_20_hp" value=""> </div> <script> (function() { var e = document.getElementById(\'ctrl_20\'), p = e.parentNode, f = p.parentNode; if (f.classList.contains(\'widget-captcha\') || \'fieldset\' === f.nodeName.toLowerCase() && 1 === f.children.length) { p = f; } e.required = false; p.style.display = \'none\'; setTimeout(() => { fetch("\\/_contao\\/captcha\\/en").then(r => r.json()).then(d => { e.value = d.sum; e.form.elements["captcha_20_hash"].value = d.hash; document.getElementById(\'captcha_text_20\').textContent = d.question; }); }, 5000); })(); </script> </div><div class="widget widget-pagebreak"> <button type="submit" name="mp_form_pageswitch" value="continue">Zur Zusammenfassung</button> <button type="submit" name="mp_form_pageswitch" value="back" formnovalidate>Zurück zu Schritt 2</button></div> </div> </form></div> </div> </div> </div> </main> </div> <footer id="footer"> <div class="inside"> <a href="{{env::path|urlattr}}" class="logo logo--footer"> <img src="files/contaodemo/theme/src/img/contao-official-demo.svg" alt="logo Contao Official Demo"></a><div id="footer-content-block" class="footer-content"> {{insert_article::50}}</div><span class="footer-claim"> Designed with ???? <span style="display: inline-block;">by[nbsp]<a href="https://www.borowiakziehe.de" rel="noopener noreferrer" target="_blank">borowiakziehe</a></span></span>{{insert_module::64}} </div> </footer> </div> <div class="custom"> <div id="canvas"> <div class="inside"> {{file::/contaodemo/layout__canvas_content.html5}} </div></div> </div> <script src="assets/jquery-ui/js/jquery-ui.min.js?v=1.13.2"></script><script> jQuery(function($) { $(document).accordion({ // Put custom options here heightStyle: \'content\', header: \'.toggler\', collapsible: true, create: function(event, ui) { ui.header.addClass(\'active\'); $(\'.toggler\').attr(\'tabindex\', 0); }, activate: function(event, ui) { ui.newHeader.addClass(\'active\'); ui.oldHeader.removeClass(\'active\'); $(\'.toggler\').attr(\'tabindex\', 0); } }); });</script><script src="assets/colorbox/js/colorbox.min.js?v=1.6.6"></script><script> jQuery(function($) { $(\'a[data-lightbox]\').map(function() { $(this).colorbox({ // Put custom options here loop: false, rel: $(this).attr(\'data-lightbox\'), maxWidth: \'95%\', maxHeight: \'95%\' }); }); });</script><script src="assets/tablesorter/js/tablesorter.min.js?v=2.31.3"></script><script> jQuery(function($) { $(\'.ce_table .sortable\').each(function(i, table) { var attr = $(table).attr(\'data-sort-default\'), opts = {}, s; if (attr) { s = attr.split(\'|\'); opts = { sortList: [[s[0], s[1] == \'desc\' | 0]] }; } $(table).tablesorter(opts); }); });</script>[[TL_JQUERY_9bff8c45317e291de557968b2ed7b9ec]]<script src="assets/swipe/js/swipe.min.js?v=2.2.1"></script><script> (function() { var e = document.querySelectorAll(\'.content-slider, .slider-control\'), c, i; for (i=0; i<e.length; i+=2) { c = e[i].getAttribute(\'data-config\').split(\',\'); new Swipe(e[i], { // Put custom options here \'auto\': parseInt(c[0]), \'speed\': parseInt(c[1]), \'startSlide\': parseInt(c[2]), \'continuous\': parseInt(c[3]), \'menu\': e[i+1] }); } })();</script><script> (function() { var p = document.querySelector(\'p.error\') || document.querySelector(\'p.confirm\'); if (p) { p.scrollIntoView(); } })();</script>[[TL_BODY_9bff8c45317e291de557968b2ed7b9ec]]<script src="files/contaodemo/theme/src/js/scripts.js"></script> <script type="application/ld+json">{ "@context": "https:\\/\\/schema.org", "@graph": [ { "@type": "WebPage" }, { "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "item": { "@id": ".\\/", "name": "Contao Official Demo" }, "position": 1 }, { "@type": "ListItem", "item": { "@id": "test-kontakt.html", "name": "Test Kontakt" }, "position": 2 } ] } ]}</script><script type="application/ld+json">{ "@context": "https:\\/\\/schema.contao.org", "@graph": [ { "@type": "Page", "fePreview": false, "groups": [], "noSearch": false, "pageId": 73, "protected": false, "title": "Test Kontakt" } ]}</script></body></html>') (vendor/contao/core-bundle/src/Resources/contao/classes/FrontendTemplate.php:128) at Contao\FrontendTemplate->compile() (vendor/contao/core-bundle/src/Resources/contao/library/Contao/Template.php:322) at Contao\Template->getResponse() (vendor/contao/core-bundle/src/Resources/contao/classes/FrontendTemplate.php:85) at Contao\FrontendTemplate->getResponse(true) (vendor/contao/core-bundle/src/Resources/contao/pages/PageRegular.php:62) at Contao\PageRegular->getResponse(object(PageModel), true) (vendor/contao/core-bundle/src/Resources/contao/controllers/FrontendIndex.php:320) at Contao\FrontendIndex->renderPage(object(PageModel)) (vendor/symfony/http-kernel/HttpKernel.php:163) at Symfony\Component\HttpKernel\HttpKernel->handleRaw(object(Request), 1) (vendor/symfony/http-kernel/HttpKernel.php:75) at Symfony\Component\HttpKernel\HttpKernel->handle(object(Request), 1, true) (vendor/symfony/http-kernel/Kernel.php:202) at Symfony\Component\HttpKernel\Kernel->handle(object(Request)) (web/index.php:44)

Hallo zusammen,

wurde das Problem mit der "verschwundenen" zweiten Seite gelöst? Ich hab das Problem nun auch. Zumindest so ähnlich. Hab in einem contao 4.13 System das "mehrseitige Formulare" (4.4.0), "ajax-form" und "Anzeige eines Formularfeldes basierend auf einer Bedingung" und "File-Uploader" von terminal24 installiert. Ich habe ein mehrseitiges Formular, also mit Pagebreaks, angelegt. Allen Buttons wurden Sprungmarken eingefügt ("URL Fragment für die Weiter-Schaltfläche" bzw. "URL Fragment für die Zurück-Schaltfläche"). Alle Seiten werden aufgerufen und das Formular versendet. Was aber nicht funktioniert, sind die Sprungmarken der "Weiter"-Buttons. Jeder Button "übernimmt" die Sprungmarke des nächsten "Weiter"-Buttons. Die "Zurück"-Buttons funktionieren tadellos. Ich habe die Pagebreaks schon erneuert. Das Formular als normales Formular und als Ajax-Formular eingebunden. Hab die Ajax-Formular-Erweiterung auch mal gelöscht. Ich dachte, vielleicht lag es daran. Hat aber alles nicht geholfen. Das ist crazy.

Kennt da jemand die Lösung für das Problem?

Poste einen Link zur Seite.

Hier der Link: cus.tcm-dev.de

Hatte schon jemand die Möglichkeit reinzuschauen?