Ä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**).
...	...	@@ -32,18 +32,13 @@
32	32	Über **Attribute** können spezifische Assistenten, Panels oder Komponenten ausgewählt werden.
33	33
34	34	|=Attribut|=Beschreibung|=Beispiel
35		-|data-assistant-identifier|Wert ist die Artikelnummer(((
36		-Elternknoten für die Attribute "{{code language="none"}}data-panel-identifier{{/code}}" und "{{code language="none"}}data-component-identifier{{/code}}"
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; }
	30	+|data-assistant-identifier|Wert ist die Artikelnummer
	31	+|Elternknoten für die Attribute "{{code language="none"}}data-panel-identifier{{/code}}" und "{{code language="none"}}data-component-identifier{{/code}}"|[data-assistant-identifier="KFAS_123456"] h2 { color: orange !important; }
	32	+|data-panel-identifier|Wert ist die technische Bezeichnung des Panels
	33	+|Elternknoten für das Attribut "{{code language="none"}}data-component-identifer{{/code}}"|[data-panel-identifier="Beispielpanel_1"] h2 { color: yellow !important; }
	34	+|data-component-identifier|Wert ist die technische Bezeichnung der Komponente
	35	+|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; }
44	44
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 im Artikel [[JavaScript-Konfiguration>>Main.05_Assistenten.04_Assistentenbauoberfläche.15_JavaScript]].
	55	+Weitere Informationen zu JavaScript in MACH formsolutions finden Sie im Artikel [[JavaScript-Konfiguration>>Main.05_Assistenten.04_Assistentenbauoberfläche.15_JavaScript]].