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

Zusammenfassung

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

Details

Seiteneigenschaften

Inhalt

...	...	@@ -7,8 +7,12 @@
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	+(((
10	10	Änderungen im CSS-Bereich können die Barrierefreiheit der Anwendung beeinträchtigen.
	13	+)))
11	11
	15	+
12	12	=== Organisations-Konfiguration aufrufen ===
13	13
14	14	**Voraussetzung:** Benutzerrecht **Layout verwalten**
...	...	@@ -17,6 +17,7 @@
17	17
18	18	{{icon name="far fa-arrow-right"/}}Der Dialog **Organisations-Konfiguration** öffnet sich.
19	19
	24	+
20	20	=== Reiter "CSS" ===
21	21
22	22	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**).
...	...	@@ -30,18 +30,15 @@
30	30	|data-assistant-identifier|Wert ist die Artikelnummer(((
31	31	Elternknoten für die Attribute "{{code language="none"}}data-panel-identifier{{/code}}" und "{{code language="none"}}data-component-identifier{{/code}}"
32	32	)))|[data-assistant-identifier="KFAS_123456"] h2 { color: orange !important; }
33		-|data-panel-identifier|Wert ist die technische Bezeichnung des Panels
34		- |
35		-|data-component-identifier| |
	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; }
36	36
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; }
44	44
	46	+
45	45	=== Reiter "CSS-Generator" ===
46	46
47	47	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.
...	...	@@ -54,10 +54,14 @@
54	54
55	55	{{icon name="far fa-arrow-right"/}}Der CSS-Code ist im Abschnitt **CSS** > **internes CSS** eingetragen.
56	56
	59	+
57	57	== JavaScript-Einstellungen ==
58	58
	62	+(% class="box warningmessage" %)
	63	+(((
59	59	Änderungen im JavaScript-Bereich können die Barrierefreiheit der Anwendung beeinträchtigen.
	65	+)))
60	60
61	61	Im Reiter **JavaScript** der Organisations-Konfiguration kann JavaScript konfiguriert werden, das mandantenweit in allen Assistenten und Panels ausgeführt wird.
62	62
63		-Weitere Informationen zu JavaScript in MACH formsolutions finden Sie im Artikel [[JavaScript-Konfiguration>>Main.05_Assistenten.04_Assistentenbauoberfläche.15_JavaScript]].
	69	+Weitere Informationen zu JavaScript in MACH formsolutions im Artikel [[JavaScript-Konfiguration>>Main.05_Assistenten.04_Assistentenbauoberfläche.15_JavaScript]].