Ä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 / JavaScipt
	1	+CSS Einstellungen

Inhalt

...	...	@@ -1,12 +1,14 @@
1		-Mit CSS-Anweisungen (Cascading Style Sheets) können Sie die visuelle Gestaltung Ihrer veröffentlichten Assistenten verändern. Damit gGleichen Sie die Assistenten optisch nahtlos an Ihre Website und Ihre gewohnte Corporate Identity an.
2		-Die Einstellungen werden zentral verwaltet und sind für alle Assistenten gültig.
	1	+Jeder Mandant hat die Möglichkeit eigene CSS-Anweisungen (Cascading Style Sheets) 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.
3	3
4		-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.
5		-
6	6	> {{icon name="far fa-info-circle" size="3"/}} _**Hinweis:**_
7	7
8	8	1. Nur Benutzer die das [[Benutzerrecht|Main.07_Einstellungen-Fachadministration.02_Benutzer.01_Benutzerrollen]] „Layout verwalten“ besitzen, steht diese Funktion zur Verfügung.
	6	+1. Weiterhin ist das eingestellte CSS für alle Assistenten gültig. Somit wird für alle Assistenten ein einheitliches CI Corporate Identity ermöglicht. Das CSS zieht nicht für PDF-Formulare.
9	9
	8	+
	9	+
	10	+![[Ansicht der Eingabemaske um ein CSS zu hinterlegen|@CSSEingabemaske.jpg]]
	11	+
10	10	## Rubrik „CSS“
11	11
12	12	> {{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.
...	...	@@ -33,12 +33,14 @@
33	33	#### Beispiel einer CSS Einstellung
34	34
35	35	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]]
36		-1. Beispiel: Mit dem nachfolgenden CSS-Beispiel werden die Platzierung der Schaltflächen „Abbruch“ und „Weiter“ vertauscht.`@media(min-width: 60em){ .fs-submitgroup
	38	+1. Beispiel: Mit dem nachfolgenden CSS-Beispiel werden die Platzierung der Schaltflächen „Abbruch“ und „Weiter“ vertauscht.`@media(min-width: 60em){
	39	+ .fs-submitgroup
37	37
38		-{ float: right; padding: 0 0 0 10px; } } .fs-exitButton, .fs-exitNoScriptButton
	41	+ { float: right; padding: 0 0 0 10px; }
	42	+ }
	43	+ .fs-exitButton, .fs-exitNoScriptButton
39	39
40		-{ float:none ! important; }`
41		-
	45	+ { float:none ! important; }`
42	42	1. Beispiel: Mit dem nachfolgenden CSS-Beispiel wird das Styling der gelben Infobutton verändert.`.fs-hintLink img {
43	43	height: 16px;
44	44	width: 16px;