Änderungen von Dokument CSS Einstellungen

Zuletzt geändert von MACH ProForms GmbH am 28.03.2025

Von Version 321.1
bearbeitet von MACH ProForms GmbH
am 29.07.2021
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 232.1
bearbeitet von MACH ProForms GmbH
am 24.02.2021
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -1,6 +1,6 @@
1 -Jeder Mandant hat die Möglichkeit eigene CSS-Anweisungen (Cascading Style Sheets) oder JavaScript in der Assistentenbauoberfläche zu hinterlegen. Hierzu steht die Schaltfläche „Administration“ in der [[Hauptwerkzeugleiste|Main.05_Assistenten.01_Hauptwerkzeugleiste]] zur Verfügung. Nach der Betätigung öffnet sich die Eingabemaske „Organisations-Konfiguration“ in der die CSS-Anweisungen oder das JavaScript mittels verschiedenen Möglichkeiten hinterlegt werden kann.
1 +Jeder Mandant hat die Möglichkeit eigene CSS-Anweisungen (Cascading Style Sheets) oder JavaScript in der Metaformularadministration zu hinterlegen. Hierzu steht die Schaltfläche „Administration“ in der [[Hauptwerkzeugleiste|Main.05_Assistenten.01_Hauptwerkzeugleiste]] zur Verfügung. Nach der Betätigung öffnet sich die Eingabemaske „Organisations-Konfiguration“ in der die CSS-Anweisungen oder das JavaScript mittels verschiedenen Möglichkeiten hinterlegt werden kann.
2 2  
3 -> {{icon name="far fa-info-circle" size="3"/}} ***Hinweis:***
3 +> ***Hinweis:***
4 4  > 1. Nur Benutzer die das [[Benutzerrecht|Main.07_Einstellungen-Fachadministration.02_Benutzer.01_Benutzerrollen]] „Layout verwalten“ besitzen, steht diese Funktion zur Verfügung.
5 5  > 2. Weiterhin ist das eingestellte CSS für alle Assistenten gültig. Somit wird für alle Assistenten ein einheitliches CI Corporate Identity ermöglicht. Das CSS zieht nicht für PDF-Formulare.
6 6  
... ... @@ -8,7 +8,7 @@
8 8  
9 9  ## Rubrik „CSS“
10 10  
11 -> {{icon name="far fa-info-circle" size="3"/}} ***Hinweis:***
11 +> ***Hinweis:***
12 12  > Sofern Sie kundespezifische Änderungen im CSS- oder JavaScript-Bereich vornehmen, kann dies die Barrierefreiheit der Anwendung beeinträchtigen.
13 13  
14 14  ### Externes CSS (URL)
... ... @@ -17,24 +17,8 @@
17 17  
18 18  ### Internes CSS
19 19  
20 -Weiterhin besteht die Möglichkeit, direkt in dem Eingabefeld „internes CSS“ den Quellcode der CSS-Anweisungen zu hinterlegen. Im Editor können alle gängigen CSS Regeln verwendet werden. Zusätzlich stellen wir die Möglichkeit bereit den Assistenten, einzelne Panels oder einzelne Komponenten über entsprechende Attribute anzusprechen:
20 +Weiterhin besteht die Möglichkeit, direkt in dem Eingabefeld „internes CSS“ den Quellcode der CSS-Anweisungen zu hinterlegen.
21 21  
22 -- **data-assistant-identifier**
23 -Dieses Attribut enthält als Wert die jeweilige Assistentennummer und kann dazu verwendet werden das CSS assistentenspezifisch zu gestalten. Das Attribut wird als Elternknoten für die Attribute "data-panel-identifier" und "data-component-identifier" dargestellt.
24 -
25 -- **data-panel-identifier**
26 -Dieses Attribut enthält als Wert die jeweilige technische Bezeichnung des Panels. Das Attribut wird als Elternknoten für das Attribut "data-component-identifer" dargestellt.
27 -
28 -- **data-component-identifier**
29 -Dieses Attribut enthält als Wert die jeweilige technische Bezeichnung der Komponente. Unterhalb des Attributs "data-panel-identifier" können mehrere Attribute "data-component-identifier" vorkommen. Verschachtelte Komponenten werden mit Punkten zwischen den technischen Bezeichnungen getrennt als Wert dargestellt. Beispiel: *Objektgruppenname.Komponentenname*
30 -
31 -**Beispiel Attribute**
32 -
33 -[data-component-identifier="Textfeld (einzeilig)"] input{
34 - border-color: orange !important;
35 -}
36 -
37 -
38 38  #### Beispiel einer CSS Einstellung
39 39  
40 40  1. Beispiel:
... ... @@ -79,9 +79,7 @@
79 79  
80 80  ## Rubrik „JavaScript“
81 81  
82 -Im der Rubrik „JavaScript“ kann für den Mandanten Assistenten übgreifendes JavaScript hinterlegt werden. Weitere Informationen zu den Möglichkeiten JavaScript zu hinterlegen finden Sie [[hier|Main.05_Assistenten.04_Assistentenbauoberfläche.15_JavaScript]].
83 -
84 -> {{icon name="far fa-info-circle" size="3"/}} ***Hinweis:***
66 +> ***Hinweis:***
85 85  > Diese Funktion funktioniert derzeit nur für die Bereiche Assistenten ausfüllen/einreichen, [[Payment|Main.07_Einstellungen-Fachadministration.03_Module.01_Payment]] und [[eID|Main.07_Einstellungen-Fachadministration.03_Module.05_eID]].
86 86  
87 87  ### Externe Bibliotheken
... ... @@ -96,7 +96,7 @@
96 96  
97 97  In dem Editor kann das kundenspezifische JavaScript eingefügt werden. Dieses wird zur Laufzeit des Assistenten ausgeführt.
98 98  
99 -> {{icon name="far fa-info-circle" size="3"/}} ***Hinweis:***
81 +>***Hinweis:***
100 100  > Das konfigurierte JavaScript ist mandantenweit hinterlegt und wird somit in jedem Assistenten auf jedem Panel ausgeführt.
101 101  
102 102  ![[Ansicht des JavaScript Bereichs|@CSSJavaScript_befüllt.jpg]]
CSSEingabemaske.jpg
Größe
... ... @@ -1,1 +1,1 @@
1 -127.8 KB
1 +130.5 KB
Inhalt