Überschreiben von jGrowl - Nachrichtenstilen in AjaxForm

Überschreiben von jGrowl — Nachrichtenstilen in AjaxForm 
 
Wenn Sie das AjaxForm Add-on verwenden, um Nachrichten an die E-Mail in MODX Revolution zu senden, ist es oft notwendig, die Benachrichtigungsfenster zu stilisieren und ihr Standardverhalten zu überschreiben.
 
Werfen wir einen Blick auf die Möglichkeiten, diese Aufgaben zu implementieren:
 
1. Standard-Dokumentation
2. und durch schnelles Überschreiben der Standardmethode
 
Eine Standardmethode zum Überschreiben von AjaxForm — Benachrichtigungsstilen
 
Gemäß der AjaxForm - Dokumentation zum Formatieren von jGrowl - Fenstern (mit denen Benachrichtigungen angezeigt werden) können Sie Ihre CSS - und JS - Dateien über die AjaxForm - Snippet - Parameter angeben, dies sind die Parameter:
 
- frontend_css (Standardmäßig liegt die Datei im Pfad assets / components /        ajaxform / css / default.css)
- frontend_js (Standardmäßig befindet sich die Datei im Pfad assets /                    components / ajaxform / js / default.js)
 
Die Nachteile dieser Methoden bestehen darin, dass Sie Kopien von Standarddateien erstellen und Ihren Code ändern müssen. Und beim Aktualisieren des Plugins kann sich der Code ajaxform / js / default.js ändern. Dies ist nicht kritisch, aber es besteht die Möglichkeit eines solchen Ereignisses. Das ist nicht sehr nett.
 
Eine praktikablere Methode zum Gestalten von jGrowl AjaxForm — Benachrichtigungen in MODX
 
In Ihren js - Dateien können Sie die erforderliche AjaxForm - Methode aus der Datei assets / components / ajaxform / js / default.js überschreiben. Sehen wir uns einen Beispielcode an, wenn Sie die Eigenschaft sticky = true für das Erfolgsfenster festlegen müssen (damit das Fenster nicht verschwindet, ohne die Schließen - Schaltfläche zu drücken) und die Designklasse für die Benachrichtigung festlegen, um das Aussehen des jGrowl - Widgets einfacher zu gestalten:
// customize 
AjaxForm $(document).ready(function(){ 
AjaxForm.Message.success = function(message, sticky) 
{ if (message) 
{ $.jGrowl(message, {theme: 'taleby-message-success', sticky: true}); 
} 
}; });
Und dann können Sie den Inhalt des AjaxForm - Benachrichtigungsfensters problemlos über den übergeordneten Selektor div.jGrowl div.jGrowl-notification.taleby - message - success formatieren.
 
Und aktivieren Sie eine der verfügbaren jGrowl-Komponenten.