Änderungen von Dokument CSS Einstellungen
Zuletzt geändert von MACH ProForms GmbH am 28.03.2025
Von Version 322.1
bearbeitet von MACH ProForms GmbH
am 29.07.2021
am 29.07.2021
Änderungskommentar:
Es gibt keinen Kommentar für diese Version
Auf Version 233.1
bearbeitet von MACH ProForms GmbH
am 24.02.2021
am 24.02.2021
Änderungskommentar:
Es gibt keinen Kommentar für diese Version
Zusammenfassung
-
Seiteneigenschaften (1 geändert, 0 hinzugefügt, 0 gelöscht)
-
Anhänge (1 geändert, 0 hinzugefügt, 0 gelöscht)
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ächezu 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 -1 27.8KB1 +130.5 KB - Inhalt