Hallo Serkan,
Lösung 1 war eh hinfällig.
Lösung 2 war tatsächlich von mir nicht zu ende gedacht.
Das Signaturfeld muss selbstverständlich noch aktiviert werden und dass geht nur mit JavaScript.
Und wenn wir JavaScript eh brauchen, dann machen wir gleich alles damit.
In der Formular-Konfiguration, Reiter 'Frontend Webassets', dort Reiter 'Daten-Edit':
- Lösche den Eintrag für die Option 'CSS'.
- Trage den folgenden JavaScript-Code in die Option 'JavaScript'.
Code:
jQuery(document).ready(function() {
// console.log('FEWA edit script loaded');
if (("ontouchstart" in window) || navigator.maxTouchPoints) {
// only on gesture devices (mobile)
jQuery('.visform').bind('visformsInitialised', function() {
// initialize after the form is initialized
enableSignatureField(584);
});
}
});
function enableSignatureField(field){
jQuery("#field" + field + "_sig").jSignature("enable");
jQuery("#field" + field + "_sigtools .vfSigReset").show();
jQuery("#field" + field + "_sigtools .vfLockC").hide();
jQuery("#field" + field + "_sigtools .vfUnlockC").hide();
}
Zu '584' aus obigem JavaScript-Code:
Das ist die ID des Signatur-Feldes aus der Feld-Liste, Spalte 'ID'.
Diese musst du an die ID deines Signatur-Feldes anpassen.
Auf einer mobilen Device sieht die Daten-Editieren-Ansicht damit wie folgt aus:
vi-solutions.de/forum-uploads/css-media_...mobile_data-edit.png
Auf einem Desktop hingegen bleibt die Daten-Editieren-Ansicht unverändert.
Achtung:
Wir haben den Mechanismus 'Schreiben ermöglichen/Schriftzug schützen' in der Daten-Editieren-Ansicht aus gutem Grund.
Es soll verhindert werden, dass ein Schriftzug beim Editieren aus Versehen geändert wird.
Gerade auf mobilen Devices ist jedes Wischen über dem Signatur-Feld ein Schreiben.
Ich bin mir nicht sicher, ob du das wirklich so möchtest.
Allgemein:
Du sprichst ausschließlich vom "Formular" und unterscheidest allein zwischen Desktop und Mobil.
Das ist zumindest sehr irreführend.
Zu unterscheiden sind zuallererst die Formular-Ansicht (erstmaliges Abschicken von Daten) und die Daten-Editieren-Ansicht (Editieren von gespeicherten Daten).
Allein in der Daten-Editieren-Ansicht haben wir den Mechanismus 'Schreiben ermöglichen/Schriftzug schützen' und der ist identisch für Desktop und Smartphone.
Daher auch die verschiedenen Reiter unterhalb des Reiters 'Frontend Webassets' in 'Formular' und 'Daten-Edit' und andere.
Wenn du etwas unter 'Formular' einträgst, wird es nur für die Formular-Anzeige geladen.
Wenn du etwas unter 'Daten-Edit' einträgst, wird es nur für die Daten-Editieren-Ansicht geladen.
Wenn du also etwas unter 'Formular' einträgst und du eine Wirkung siehst, dann nutzt du gerade das Formular und nicht die Daten-Editieren-Ansicht der Formular-Daten.
Auch wenn die Daten-Editieren-Ansicht der Formular-Daten ganz ähnlich wie das ursprüngliche Formular ausschaut, ist es nicht 'das Formular'.
Liebe Grüße, Ingmar
I recommend you the new and up-to-date documentation for Joomla 4:
.
