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

Zusammenfassung

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

Details

Seiteneigenschaften

Titel

...	...	@@ -1,1 +1,1 @@
1		-CSS-Einstellungen für Assistenten / JavaScript
	1	+CSS-Einstellungen für Assistenten / JavaScipt

Inhalt

...	...	@@ -4,30 +4,31 @@
4	4
5	5	## CSS-Einstellungen für Assistenten
6	6
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.
	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 Einstellungen werden zentral verwaltet und sind für alle Assistenten gültig.
9	9
10		-Änderungen im CSS-Bereich können die Barrierefreiheit der Anwendung beeinträchtigen.
	10	+**Voraussetzung:** Benutzerrecht **Layout verwalten**
11	11
12		-### Organisations-Konfiguration aufrufen
	12	+Rufen Sie im Formulareditor in der Hauptwerkzeugl
13	13
14		-**Voraussetzung:** Benutzerrecht **Layout verwalten**
	14	+oder JavaScript im Formulareditor 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.
15	15
16		-Klicken Sie im Formulareditor in der [[Hauptwerkzeugleiste|doc:Main.05_Assistenten.01_Hauptwerkzeugleiste.WebHome]] die Schaltfläche Administration an.![[Schaltfläche Administration|Main.05_Assistenten.01_Hauptwerkzeugleiste.WebHome@HauptwerkzeugleisteCSS.jpg]]
	16	+> {{icon name="far fa-info-circle" size="3"/}} _**Hinweis:**_
17	17
18		-{{icon name="far fa-arrow-right"}}{{/icon}}Der Dialog **Organisations-Konfiguration** öffnet sich.
	18	+1. Nur Benutzer die das [[Benutzerrecht|Main.07_Einstellungen-Fachadministration.02_Benutzer.01_Benutzerrollen]] „“ besitzen, steht diese Funktion zur Verfügung.
19	19
20		-### Reiter CSS
	20	+## Rubrik „CSS“
21	21
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**).
	22	+> {{icon name="far fa-info-circle" size="3"/}} _**Hinweis:**_ Sofern Sie kundespezifische Änderungen im CSS- oder JavaScript-Bereich vornehmen, kann dies die Barrierefreiheit der Anwendung beeinträchtigen.
23	23
24		-Im Feld **externes CSS (URL)** kann die Adresse einer gültigen CSS-Datei eingetragen werden, auf die der Formularserver über das Internet Zugriff hat.
25		-Beim Feld **internes CSS** können alle gängigen CSS-Regeln verwendet werden.
	24	+### Externes CSS (URL)
26	26
27		-Über Attribut
	26	+In der Eingabemaske „Organisations-Konfiguration“ besteht die Möglichkeit, in dem Eingabefeld ein externes CSS über eine URL zu hinterlegen.
28	28
29		-Zusätzlich stellen wir die Möglichkeit bereit den Assistenten, einzelne Panels oder einzelne Komponenten über entsprechende Attribute anzusprechen:
	28	+### Internes CSS
30	30
	30	+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:
	31	+
31	31	* **data-assistant-identifier**
32	32	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.
33	33	* **data-panel-identifier**
...	...	@@ -41,7 +41,7 @@
41	41
42	42	#### Beispiel einer CSS Einstellung
43	43
44		-1. Beispiel: Im nachfolgenden Beispiel wurde mittels des CSS eingestellt, dass die Pflichtangaben mittels einem roten Quadrat ausgewiesen werden.
	45	+1. Beispiel: Im nachfolgenden Beispiel wurde mittels des CSS eingestellt, dass die Pflichtangaben mittels einem roten Quadrat ausgewiesen werden.![[Beispiel eines CSS im Assistenten|@CSSBeispiel.jpg]]
45	45	1. Beispiel: Mit dem nachfolgenden CSS-Beispiel werden die Platzierung der Schaltflächen „Abbruch“ und „Weiter“ vertauscht.`@media(min-width: 60em){ .fs-submitgroup
46	46
47	47	{ float: right; padding: 0 0 0 10px; } } .fs-exitButton, .fs-exitNoScriptButton