Änderungen von Dokument CSS Einstellungen

Zusammenfassung

• Seiteneigenschaften (1 geändert, 0 hinzugefügt, 0 gelöscht)
• Anhänge (1 geändert, 0 hinzugefügt, 0 gelöscht)
  • CSSEingabemaske.jpg

Details

Seiteneigenschaften

Inhalt

...	...	@@ -1,6 +1,6 @@
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.
	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.
2	2
3		-> ***Hinweis:***
	3	+> {{icon name="far fa-info-circle" size="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		-> ***Hinweis:***
	11	+> {{icon name="far fa-info-circle" size="3"/}} ***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,8 +17,24 @@
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.
	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:
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	+
22	22	#### Beispiel einer CSS Einstellung
23	23
24	24	1. Beispiel:
...	...	@@ -63,7 +63,9 @@
63	63
64	64	## Rubrik „JavaScript“
65	65
66		-> ***Hinweis:***
	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:***
67	67	> 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]].
68	68
69	69	### Externe Bibliotheken
...	...	@@ -78,7 +78,7 @@
78	78
79	79	In dem Editor kann das kundenspezifische JavaScript eingefügt werden. Dieses wird zur Laufzeit des Assistenten ausgeführt.
80	80
81		->***Hinweis:***
	99	+> {{icon name="far fa-info-circle" size="3"/}} ***Hinweis:***
82	82	> Das konfigurierte JavaScript ist mandantenweit hinterlegt und wird somit in jedem Assistenten auf jedem Panel ausgeführt.
83	83
84	84	![[Ansicht des JavaScript Bereichs|@CSSJavaScript_befüllt.jpg]]

CSSEingabemaske.jpg

Größe

...	...	@@ -1,1 +1,1 @@
1		-130.5 KB
	1	+127.8 KB

Inhalt