Ä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**).
...	...	@@ -27,13 +27,18 @@
27	27	Über **Attribute** können spezifische Assistenten, Panels oder Komponenten ausgewählt werden.
28	28
29	29	|=Attribut|=Beschreibung|=Beispiel
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; }
	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; }
36	36
	45	+
	46	+
37	37	=== Reiter "CSS-Generator" ===
38	38
39	39	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.
...	...	@@ -46,10 +46,14 @@
46	46
47	47	{{icon name="far fa-arrow-right"/}}Der CSS-Code ist im Abschnitt **CSS** > **internes CSS** eingetragen.
48	48
	59	+
49	49	== JavaScript-Einstellungen ==
50	50
	62	+(% class="box warningmessage" %)
	63	+(((
51	51	Änderungen im JavaScript-Bereich können die Barrierefreiheit der Anwendung beeinträchtigen.
	65	+)))
52	52
53	53	Im Reiter **JavaScript** der Organisations-Konfiguration kann JavaScript konfiguriert werden, das mandantenweit in allen Assistenten und Panels ausgeführt wird.
54	54
55		-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]].