Änderungen von Dokument CSS-Einstellungen für Assistenten / JavaScript

Zusammenfassung

• Seiteneigenschaften (1 geändert, 0 hinzugefügt, 0 gelöscht)

Details

Seiteneigenschaften

Inhalt

...	...	@@ -7,12 +7,8 @@
7	7	Mit **CSS**-Anweisungen (Cascading Style Sheets) können Sie die visuelle Gestaltung Ihrer veröffentlichten Assistenten verändern. Damit gleichen Sie die Assistenten optisch nahtlos an Ihre Website und Ihre gewohnte Corporate Identity an.
8	8	Die Anpassungen werden zentral verwaltet und sind für alle Assistenten gültig, sowie im Bereich //Payment// und //eID//.
9	9
10		-(% class="box warningmessage" %)
11		-(((
12	12	Änderungen im CSS-Bereich können die Barrierefreiheit der Anwendung beeinträchtigen.
13		-)))
14	14
15		-
16	16	=== Organisations-Konfiguration aufrufen ===
17	17
18	18	**Voraussetzung:** Benutzerrecht **Layout verwalten**
...	...	@@ -21,7 +21,6 @@
21	21
22	22	{{icon name="far fa-arrow-right"/}}Der Dialog **Organisations-Konfiguration** öffnet sich.
23	23
24		-
25	25	=== Reiter "CSS" ===
26	26
27	27	Verweisen Sie auf eine externe Quelle, aus der die CSS-Anweisungen geladen werden (**externes CSS**), oder tragen Sie Anweisungen/Code direkt in der Konfiguration ein (**internes CSS**).
...	...	@@ -35,15 +35,18 @@
35	35	|data-assistant-identifier|Wert ist die Artikelnummer(((
36	36	Elternknoten für die Attribute "{{code language="none"}}data-panel-identifier{{/code}}" und "{{code language="none"}}data-component-identifier{{/code}}"
37	37	)))|[data-assistant-identifier="KFAS_123456"] h2 { color: orange !important; }
38		-|data-panel-identifier|Wert ist die technische Bezeichnung des Panels(((
39		-Elternknoten für das Attribut "{{code language="none"}}data-component-identifer{{/code}}"
40		-)))|[data-panel-identifier="Beispielpanel_1"] h2 { color: yellow !important; }
41		-|data-component-identifier|Wert ist die technische Bezeichnung der Komponente(((
42		-Unterhalb des Attributs "{{code language="none"}}data-panel-identifier{{/code}}" können mehrere Attribute "{{code language="none"}}data-component-identifier{{/code}}" vorkommen. Verschachtelte Komponenten werden mit Punkten zwischen den technischen Bezeichnungen getrennt als Wert dargestellt. Beispiel: //Objektgruppenname.Komponentenname//
43		-)))|[data-component-identifier="Textfeld (einzeilig)"] input{ border-color: orange !important; }
	33	+|data-panel-identifier|Wert ist die technische Bezeichnung des Panels
	34	+ |
	35	+|data-component-identifier| |
44	44
	37	+|= |= |=
	38	+| |
	39	+| |
	40	+| |
	41	+|Elternknoten für das Attribut "{{code language="none"}}data-component-identifer{{/code}}"|[data-panel-identifier="Beispielpanel_1"] h2 { color: yellow !important; }
	42	+| |
	43	+|Unterhalb des Attributs "{{code language="none"}}data-panel-identifier{{/code}}" können mehrere Attribute "{{code language="none"}}data-component-identifier{{/code}}" vorkommen. Verschachtelte Komponenten werden mit Punkten zwischen den technischen Bezeichnungen getrennt als Wert dargestellt. Beispiel: //Objektgruppenname.Komponentenname//|[data-component-identifier="Textfeld (einzeilig)"] input{ border-color: orange !important; }
45	45
46		-
47	47	=== Reiter "CSS-Generator" ===
48	48
49	49	Mithilfe grafischer Werkzeuge können Sie hier grundlegende Einstellungen für die Assistentensicht festlegen. Der generierte Code kann anschließend manuell bearbeitet und weiter angepasst werden.
...	...	@@ -56,14 +56,10 @@
56	56
57	57	{{icon name="far fa-arrow-right"/}}Der CSS-Code ist im Abschnitt **CSS** > **internes CSS** eingetragen.
58	58
59		-
60	60	== JavaScript-Einstellungen ==
61	61
62		-(% class="box warningmessage" %)
63		-(((
64	64	Änderungen im JavaScript-Bereich können die Barrierefreiheit der Anwendung beeinträchtigen.
65		-)))
66	66
67	67	Im Reiter **JavaScript** der Organisations-Konfiguration kann JavaScript konfiguriert werden, das mandantenweit in allen Assistenten und Panels ausgeführt wird.
68	68
69		-Weitere Informationen zu JavaScript in MACH formsolutions: [[Artikel JavaScript-Konfiguration>>Main.05_Assistenten.04_Assistentenbauoberfläche.15_JavaScript]]
	63	+Weitere Informationen zu JavaScript in MACH formsolutions finden Sie im Artikel [[JavaScript-Konfiguration>>Main.05_Assistenten.04_Assistentenbauoberfläche.15_JavaScript]].