Ich versuche gerade, mit Hilfe der Contao-Erweiterung Lightcase ein Contao-Formular sowie die Bestätigungs- bzw. Danke-Seite im Overlay auszugeben, wobei das Ganze via Ajax erfolgen sollte.
Auf der Projektwebsite des Lightcase Plugins gibt es dazu auch eine Demo: Ajax Form
In der Demo wird das Lightcase Skript folgendermaßen initialisiert:
Code:
// Ajax form
$('#various2').lightcase({
showSequenceInfo: false,
type: 'ajax',
ajax: {
width: 550
},
onFinish: {
// We need to initialize lightcase for the form which was loaded subsequently via ajax
// what we are doing with an 'onFinish' hook function like the following one.
initializeForm: function () {
lightcase.get('case').find('form[data-rel=lightcase]').on('submit', function (event) {
event.preventDefault();
var $this = $(this);
$this.lightcase('start', {
type: 'ajax',
href: $this.attr('action'),
ajax: {
width: 550,
type: $this.attr('method'),
dataType: 'html',
data: $this.serialize()
}
});
});
}
}
});
An und für sich gäbe es dafür ja die Contao Ajax Form Erweiterung, welche auch bestens funktioniert. Lässt man das Formular allerdings über das Lightcase Overlay ausgeben, klappt es leider nicht mehr.
Weiß jemand wie sich das am besten umsetzen liese?
Lesezeichen