Custom CSS/JS

Custom CSS

Marini Custom CSS bietet die Möglichkeit, benutzerdefinierte CSS-Anpassungen auf jeder Seite in DataEngine vorzunehmen. Dies ermöglicht es, das Erscheinungsbild der Anwendung an die spezifischen Anforderungen deines Unternehmens oder die Anpassung an dein Corporate Identity (CI) anzupassen. Das eingegebene CSS wird am Ende jeder Seite eingebunden, was höchste Priorität für diese Anpassungen bedeutet.

Um Marini Custom CSS zu verwenden, gehe wie folgt vor:

  1. Navigiere zur Administrationsseite in der DataEngine.
  2. Suche nach der Option „CSS“ unter „Marini Systems“.
  3. In diesem Bereich kannst du dein benutzerdefiniertes CSS eingeben. Du kannst beliebige CSS-Regeln und -Anweisungen hinzufügen, um das Erscheinungsbild der Anwendung anzupassen. Beachte, dass diese Anpassungen auf allen Seiten in DataEngine gelten.
  4. Speichere deine Einstellungen, und die benutzerdefinierten CSS-Anpassungen werden sofort wirksam.

Hinweis: Sei bei der Verwendung von Custom CSS vorsichtig, um sicherzustellen, dass die Anpassungen keine unerwünschten Auswirkungen auf die Benutzeroberfläche haben.

Custom JavaScript

Marini Custom JS ermöglicht die Integration von benutzerdefiniertem JavaScript auf allen Seiten in DataEngine. Dies ist nützlich, wenn du spezielle Funktionen oder Integrationen implementieren möchtest. Beachte jedoch, dass Marini keine Haftung für die Auswirkungen von benutzerdefiniertem JavaScript übernimmt.

Um Marini Custom JS zu nutzen, folge diesen Schritten:

  1. Navigiere zur Administrationsseite in der DataEngine.
  2. Suche nach der Option „JavaScript“ unter „Marini Systems“
  3. In diesem Bereich kannst du dein benutzerdefiniertes JavaScript einfügen. Du kannst JavaScript-Code schreiben, um spezielle Funktionen oder Integrationen auf den Seiten von DataEngine zu implementieren.
  4. Speichere deine Einstellungen, und die benutzerdefinierten JavaScript-Anpassungen werden auf allen Seiten in DataEngine aktiviert.

Hinweis: Verwende Custom JS mit Vorsicht, da unsachgemäße Anpassungen zu Fehlern oder unerwünschtem Verhalten führen können.

Custom JS: Page-Reload nach Inline-Edit

Die DataEngine bietet die Möglichkeit, einen Page-Reload zu triggern nach einem Inline-Edit. Das kann sinnvoll sein, wenn nach dem Speichern eines Datensatzes Workflows angestoßen werden. Dafür musst du im Admin-Bereich Custom JavaScript (JS) hinterlegen. Der Beitrag erläutert kurz, wie das funktioniert.

Du musst über entsprechende Admin-Rechte verfügen, um Custom JS zu hinterlegen. Navigiere in den Admin-Bereich (vgl. Screenshot). Dort wählst du JavaScript aus.

DataEngine: Admin section
In the admin section you can - besides many more - configure custom JavaScript.

Anschließend hinterlegst du folgenden Code-Schnipsel:

$(document).on(‚inlineEditSaveEvent‘, function (e, module, field) {
if (module === ‚module_name‘ && field === ‚module_field‘) {
location.reload();
}
});

DataEngine: Reload page after inline edit
You can configure custom JavaScript to trigger a page reload after inline edit for defined fields.

Du musst die beiden Variablen definieren:

  • module
  • field

In Code-Schnipsel sind generische Namen „module_name“ und „module_field“ verwendet. Du hinterlegst den entsprechenden Modul- und Feldnamen.

Damit triggerst du einen Page-Reload nach einem Inline-Edit eines Datensatzes.

Stelle sicher, dass die Funktion „Inline-Edit“ für das definierte Feld aktiviert ist. Das kannst du im Studio im Admin-Bereich überprüfen.