Layout-Vorgaben - Versionsgeschichte

Mdsi.cs am 9. August 2021 um 09:40 Uhr

2021-08-09T09:40:37Z

Mdsi.cs: Fixe Tabellengröße hinzugefügt

2017-05-11T09:16:55Z

Fixe Tabellengröße hinzugefügt

Mdsi.cs: Layout

2017-05-03T10:00:21Z

Layout

Mdsi.cs: Layout

2017-05-03T09:57:38Z

Layout

Mdsi.cs: Layoutvorgaben angepasst

2017-05-02T09:22:40Z

Layoutvorgaben angepasst

Mdsi.cs: Layoutvorgaben angepasst

2017-05-02T09:01:29Z

Layoutvorgaben angepasst

Mdsi.cs: Anpassung bezüglich Bearbeitung eingebundener Seiten

2017-04-26T10:11:41Z

Anpassung bezüglich Bearbeitung eingebundener Seiten

Mdsi.cs: Anpassung bezüglich Bearbeitung eingebundener Seiten

2017-04-26T08:09:07Z

Anpassung bezüglich Bearbeitung eingebundener Seiten

Mdsi.cs am 19. April 2017 um 08:44 Uhr

2017-04-19T08:44:50Z

Mdsi.cs am 19. April 2017 um 08:44 Uhr

2017-04-19T08:44:17Z

← Nächstältere Version		Version vom 9. August 2021, 09:40 Uhr
Zeile 1:		Zeile 1:
−	~~<div class="tleft" style="clear:none;">__TOC__</div>~~Damit alle Seiten im Wiki eine einheitliche Struktur bekommen, haben wir uns zur Darstellung von Inhalten für diverse Vorlagen entschieden. Nachstehend erfolgt eine Erläuterung zu den einzelnen Vorlagen, sowie die Angabe des Quellcodes wie diese Vorgabe korrekt implementiert wird. Dabei muss der <span style="color:green;">''grün-kursiv markierte Code''</span> entsprechend angepasst werden. Zusätzlich erfolgt außerdem ein Beispiel in Form eines Bildes, wie das Ergebnis der Vorlage auf einer Seite letztendlich aussieht.	+	{{toc}}Damit alle Seiten im Wiki eine einheitliche Struktur bekommen, haben wir uns zur Darstellung von Inhalten für diverse Vorlagen entschieden. Nachstehend erfolgt eine Erläuterung zu den einzelnen Vorlagen, sowie die Angabe des Quellcodes wie diese Vorgabe korrekt implementiert wird. Dabei muss der <span style="color:green;">''grün-kursiv markierte Code''</span> entsprechend angepasst werden. Zusätzlich erfolgt außerdem ein Beispiel in Form eines Bildes, wie das Ergebnis der Vorlage auf einer Seite letztendlich aussieht.

−	'''Anmerkung:''' Die Eingabe der Quellcodes erfolgt idealerweise über den Wiki-Editor (rechtes "Quelltext bearbeiten"), da der VisualEditor (linkes "Quelltext bearbeiten") in erster Linie für eine einfachere Implementation von Text, Tabellen und Aufzählen zuständig ist. Daher kann es sein, dass sich einige Vorlagen nur umständlich über diesen einfügen lassen. Ein Wechsel zwischen den Editoren stellt allerdings kein Problem da. Es muss lediglich beachtet werden, dass bereits vorgenommene Änderungen zuvor gespeichert werden. ~~<br style="clear:both;"/>~~	+	'''Anmerkung:''' Die Eingabe der Quellcodes erfolgt idealerweise über den Wiki-Editor (rechtes "Quelltext bearbeiten"), da der VisualEditor (linkes "Quelltext bearbeiten") in erster Linie für eine einfachere Implementation von Text, Tabellen und Aufzählen zuständig ist. Daher kann es sein, dass sich einige Vorlagen nur umständlich über diesen einfügen lassen. Ein Wechsel zwischen den Editoren stellt allerdings kein Problem da. Es muss lediglich beachtet werden, dass bereits vorgenommene Änderungen zuvor gespeichert werden.

@@ Zeile 47: / Zeile 47: @@
   <u>'''Quellcode für die Tabellenstruktur:'''</u><br>
-  <nowiki>{|class="wikitable"
+  <nowiki>{|class="wikitable" style="width:100%"
 ! Attribute
 ! Beschreibung
@@ Zeile 62: / Zeile 62: @@
 </nowiki><span style="color:green;">''ggf. allgemeiner Beschreibungstext''</span><nowiki>
-{|class="wikitable" style="width:75em"
+{|class="wikitable" style="width:100%"
 ! style="width:</nowiki><span style="color:green;">''10''</span><nowiki>em" | Attribute
 ! Beschreibung
@@ Zeile 69: / Zeile 69: @@
 | </nowiki><span style="color:green;">''Feldbeschreibung''</span><nowiki>
 |}</nowiki>
 ==== Anwender-Aktionen ====

@@ Zeile 1: / Zeile 1: @@
 <div class="tleft" style="clear:none;">__TOC__</div>Damit alle Seiten im Wiki eine einheitliche Struktur bekommen, haben wir uns zur Darstellung von Inhalten für diverse Vorlagen entschieden. Nachstehend erfolgt eine Erläuterung zu den einzelnen Vorlagen, sowie die Angabe des Quellcodes wie diese Vorgabe korrekt implementiert wird. Dabei muss der <span style="color:green;">''grün-kursiv markierte Code''</span> entsprechend angepasst werden. Zusätzlich erfolgt außerdem ein Beispiel in Form eines Bildes, wie das Ergebnis der Vorlage auf einer Seite letztendlich aussieht.
-'''Anmerkung:''' Die Eingabe der Quellcodes erfolgt idealerweise über den Wiki-Editor (rechtes "Quelltext bearbeiten"), da der VisualEditor (linkes "Quelltext bearbeiten") in erster Linie für eine einfachere Implementation von Text, Tabellen und Aufzählen zuständig ist. Daher kann es sein, dass sich einige Vorlagen nur umständlich über diesen einfügen lassen. Ein Wechsel zwischen den Editoren stellt allerdings kein Problem da. Es muss lediglich beachtet werden, dass bereits vorgenommene Änderungen zuvor gespeichert werden.
+'''Anmerkung:''' Die Eingabe der Quellcodes erfolgt idealerweise über den Wiki-Editor (rechtes "Quelltext bearbeiten"), da der VisualEditor (linkes "Quelltext bearbeiten") in erster Linie für eine einfachere Implementation von Text, Tabellen und Aufzählen zuständig ist. Daher kann es sein, dass sich einige Vorlagen nur umständlich über diesen einfügen lassen. Ein Wechsel zwischen den Editoren stellt allerdings kein Problem da. Es muss lediglich beachtet werden, dass bereits vorgenommene Änderungen zuvor gespeichert werden. <br style="clear:both;"/>
 <br style="clear:both;"/>
 ==== Breadcrumbs ====
 ----
 [[ Datei:Beispiel_Breadcrumb.png | border | right | mini | '''Ergebnis:''' Breadcrumb einer ''vendit''-Seite]]
-Mit den Breadcrumbs wird in erster Linie die Menüstruktur des [[Vendit Client|vendit]]-Clienten aufgegriffen. Sie deutet dem Bearbeiter aber auch an, wo genau er sich gerade befindet. Breadcrumbs werden ganz oben auf einer Seite mit mit Hilfe des nachstehenden Code eingefügt. Dabei ist zu beachten, dass die Zeile mit einem Leerschritt beginnen muss, wodurch ein Rahmen um den Breadcrumb erzeugt wird. <br style="clear:both;"/>
+Mit den Breadcrumbs wird in erster Linie die Menüstruktur des [[Vendit Client|vendit-Clienten]] aufgegriffen. Sie deutet dem Bearbeiter aber auch an, wo genau er sich gerade befindet. Breadcrumbs werden ganz oben auf einer Seite mit mit Hilfe des nachstehenden Code eingefügt. Dabei ist zu beachten, dass die Zeile mit einem Leerschritt beginnen muss, wodurch ein Rahmen um den Breadcrumb erzeugt wird. <br style="clear:both;"/>
   <u>'''Quellcode für die Breadcrumb-Erzeugung:'''</u><br>
   <nowiki> [[Hauptseite]] > [[vendit Client|vendit-Client]] > [[</nowiki><span style="color:green;">''Menüpunkt''</span><nowiki>]] > [[</nowiki><span style="color:green;">''Untermenüpunkt''</span><nowiki>]] > </nowiki><span style="color:green;">''Seitentitel''</span><nowiki></nowiki>
 ==== Reiter-Struktur ====
 ----
 [[ Datei:Beispiel_Reiterstruktur.png | border | right | mini | '''Ergebnis:''' Reiter mit eingebundener Seite]]
-Um die Struktur des ''vendit''-Clienten beizubehalten, wird auch im Wiki die Reiter-Struktur beibehalten. Diese werden genau wie in ''vendit'' angelegt. Dabei werden für die einzelnen Reiter eigene Unterseiten angelegt werden, welche dann entsprechend eingebunden werden. Hierbei muss zunächst geprüft werden, ob sich der jeweilige Reiter in ''vendit'' ablösen lässt. Ist dies der Fall, kann die korrekte Seite über die "F1"-Taste ermittelt werden. Ist der Reiter nicht ablösbar, wir die Seite mit dem Menüpunkt vorweg betitelt, gefolgt von einem Unterstrich und der Bezeichnung des jeweiligen Reiters (Beispiel: Kunden_Bestellung/Lieferung). Die Reiterstruktur wird dabei wie folgt auf der Seite implementiert: <br style="clear:both;"/>
+Um die Struktur des vendit-Clienten beizubehalten, wird auch im Wiki die Reiter-Struktur beibehalten. Diese werden genau wie in vendit angelegt. Dabei werden für die einzelnen Reiter eigene Unterseiten angelegt werden, welche dann entsprechend eingebunden werden. Hierbei muss zunächst geprüft werden, ob sich der jeweilige Reiter in ''vendit'' ablösen lässt. Ist dies der Fall, kann die korrekte Seite über die "F1"-Taste ermittelt werden. Ist der Reiter nicht ablösbar, wir die Seite mit dem Menüpunkt vorweg betitelt, gefolgt von einem Unterstrich und der Bezeichnung des jeweiligen Reiters (Beispiel: Kunden_Bestellung/Lieferung). Die Reiterstruktur wird dabei wie folgt auf der Seite implementiert: <br style="clear:both;"/>
   <u>'''Quellcode zur Implementierung der Reiterstruktur sowie Einbindung von Unterseiten:'''</u><br>
@@ Zeile 29: / Zeile 30: @@
   <nowiki><includeonly>{{Nachbearbeitung|</nowiki><span style="color:green;">''Seitenname(vollständig)''</span><nowiki>}}</includeonly></nowiki>
   <nowiki><noinclude>{{Navigation|</nowiki><span style="color:green;">''Seitenname(vollständig)''</span><nowiki>}}</noinclude></nowiki>
 ==== Bilder ====
@@ Zeile 67: / Zeile 69: @@
 | </nowiki><span style="color:green;">''Feldbeschreibung''</span><nowiki>
 |}</nowiki>
 ==== Anwender-Aktionen ====
 ----
 [[ Datei:Beispiel_Anwender-Aktionen.png | border | right | mini | '''Ergebnis:''' Anwender-Aktionen]]
-Anwender-Aktionen werden in Form einer Aufzählung beschrieben. Dabei wird die Unterteilung der Aktionen wie in ''vendit'' übernommen. Zusätzlich wird eine weitere Unterteilung in Kontextmenü hinzugefügt, sofern weitere Anwender-Aktionen im Kontextmenü vorhanden sind. Die Anwender-Aktionen werden dabei wie folgt dargestellt.  <br style="clear:both;"/>
+Anwender-Aktionen werden in Form einer Aufzählung beschrieben. Dabei wird die Unterteilung der Aktionen wie in vendit übernommen. Zusätzlich wird eine weitere Unterteilung in Kontextmenü hinzugefügt, sofern weitere Anwender-Aktionen im Kontextmenü vorhanden sind. Die Anwender-Aktionen werden dabei wie folgt dargestellt.  <br style="clear:both;"/>
   <u>'''Quellcode für das Aufzählungslayout'''</u><br>
@@ Zeile 86: / Zeile 89: @@
 '''Kontextmenü'''
 * '''</nowiki><span style="color:green;">''Aktion''</span><nowiki>''' </nowiki><span style="color:green;">''Aktionsbeschreibung''</span>
 ==== Programm-Parameter ====
@@ Zeile 109: / Zeile 113: @@
 * '''</nowiki><span style="color:green;">''1''</span><nowiki>''' : </nowiki><span style="color:green;">''Beschreibung für Einstellung 1''</span><nowiki>
 |}</nowiki>
 ==== Zusätzliche Dokumente ====
@@ Zeile 118: / Zeile 123: @@
   <nowiki>== Dokumente ==
 * [[Medium:</nowiki><span style="color:green;">''Dokument.pdf''</span><nowiki>|'''</nowiki><span style="color:green;">''Dokumentenbezeichnung''</span><nowiki>''']] </nowiki><span style="color:green;">''Kurze Beschreibung zu dem Dokument''</span><nowiki></nowiki>

@@ Zeile 10: / Zeile 10: @@
   <u>'''Quellcode für die Breadcrumb-Erzeugung:'''</u><br>
-  <nowiki> [[Hauptseite]] > [[vendit Client|''vendit''-Client]] > [[</nowiki><span style="color:green;">''Menüpunkt''</span><nowiki>]] > [[</nowiki><span style="color:green;">''Untermenüpunkt''</span><nowiki>]] > </nowiki><span style="color:green;">''Seitentitel''</span><nowiki></nowiki>
+  <nowiki> [[Hauptseite]] > [[vendit Client|vendit-Client]] > [[</nowiki><span style="color:green;">''Menüpunkt''</span><nowiki>]] > [[</nowiki><span style="color:green;">''Untermenüpunkt''</span><nowiki>]] > </nowiki><span style="color:green;">''Seitentitel''</span><nowiki></nowiki>
 ==== Reiter-Struktur ====

@@ Zeile 99: / Zeile 99: @@
   <nowiki>== Programm-Parameter ==
 {{Programm-Parameter}}
-:{|class="wikitable"
+{|class="wikitable"
 ! Programm
 ! Feld

@@ Zeile 43: / Zeile 43: @@
 ----
 [[ Datei:Beispiel_Feldbeschreibungen.png | border | right | mini | '''Ergebnis:''' Feldbeschreibungen]]
-Werden die einzelnen Felder einer Maske bzw. die Spalten einer Tabelle beschrieben, so werden diese in Form einer Wiki-Tabelle mit den Spaltenüberschriften "Attribute" sowie "Beschreibung" aufgeführt. Die Tabelle wird dabei einmal eingerückt.   <br style="clear:both;"/>
+Werden die einzelnen Felder einer Maske bzw. die Spalten einer Tabelle beschrieben, so werden diese in Form einer Wiki-Tabelle mit den Spaltenüberschriften "Attribute" sowie "Beschreibung" aufgeführt. <br style="clear:both;"/>
   <u>'''Quellcode für die Tabellenstruktur:'''</u><br>
-  <nowiki>:{|class="wikitable"
+  <nowiki>{|class="wikitable"
 ! Attribute
 ! Beschreibung
@@ Zeile 55: / Zeile 55: @@
 [[ Datei:Beispiel_Feldbeschreibungen-mit-Gruppierung.png | border | right | mini | '''Ergebnis:''' Feldbeschreibungen mit Gruppierungen]]
-Wurden die Felder einer Maske dabei in mehrere Gruppierungen aufgeteilt, so wird für jede Gruppierung eine eigene Tabelle angelegt. Dabei wird der Titel der jeweiligen Rahmen in Form einer Überschrift über die Tabelle gesetzt. Damit die verschiedenen Tabellen einheitlich aussehen, werden diese mit einer einheitlichen Größe implementiert, wobei die Spalte "Attribute" ebenfalls einen angepassten Größenwert erhält. Dieser wird nach eigenem Ermessen ausgewählt, muss aber für alle Tabellen gleich sein.  <br style="clear:both;"/>
+Wurden die Felder einer Maske dabei in mehrere Gruppierungen aufgeteilt, so wird für jede Gruppierung eine eigene Tabelle angelegt. Dabei wird der Titel der jeweiligen Rahmen in Form einer unterstrichenen Überschrift über die Tabelle gesetzt. Damit die verschiedenen Tabellen einheitlich aussehen, werden diese mit einer einheitlichen Größe implementiert, wobei die Spalte "Attribute" ebenfalls einen angepassten Größenwert erhält. Dieser wird nach eigenem Ermessen ausgewählt, muss aber für alle Tabellen gleich sein.  <br style="clear:both;"/>
   <u>'''Quellcode für die Tabellenstruktur mit Größenangaben:'''</u><br>
-  <nowiki>==== </nowiki><span style="color:green;">''Rahmentitel''</span><nowiki> ====
+  <nowiki>==== <u></nowiki><span style="color:green;">''Rahmentitel''</span><nowiki></u> ====
 </nowiki><span style="color:green;">''ggf. allgemeiner Beschreibungstext''</span><nowiki>
-:{|class="wikitable" style="width:75em"
+{|class="wikitable" style="width:75em"
 ! style="width:</nowiki><span style="color:green;">''10''</span><nowiki>em" | Attribute
 ! Beschreibung

@@ Zeile 25: / Zeile 25: @@
 [[ Datei:Beispiel_Eingebundene-Seite.png | border | right | mini | '''Ergebnis:''' Eingebundene Seite]]
-Damit eine spätere Bearbeitung der eingebundenen Seiten auf einfache Art und Weise gewährleistet werden kann, muss nachstehender Quellcode um den Text eingefügt werden. Dadurch erscheint innerhalb eines Reiters zusätzlich eine Überschrift mit den automatisch durch das Wiki implementierten Möglichkeiten den Absatz direkt bearbeiten zu können. Befindet sich der Bearbeiter auf der eingebundenen Seite und hat die Bearbeitung abgeschlossen, so erscheint am Ende der Seite eine Auflistung der Seiten, die diese Seite eingebunden haben. So kann nach der Bearbeitung einer eingebundenen Seite direkt wieder auf die gewünschte übergeordnete Seite navigiert werden.  <br style="clear:both;"/>
+Damit eine spätere Bearbeitung der eingebundenen Seiten auf einfache Art und Weise gewährleistet werden kann, muss am Ende einer solchen Seite nachstehender Quellcode eingefügt werden. Dadurch erscheint innerhalb eines Reiters zusätzlich am Ende der Seite eine Option zur Bearbeitung der Originalseite. Befindet sich der Bearbeiter auf der eingebundenen Seite und hat die Bearbeitung abgeschlossen, so erscheint am Seitenende eine Auflistung der Seiten, die diese Seite eingebunden haben. So kann nach der Bearbeitung einer eingebundenen Seite direkt wieder auf die gewünschte übergeordnete Seite navigiert werden. <br style="clear:both;"/>
   <u>'''Quellcode für Unterseiten, welche über in einer Reiterstruktur eingebunden werden sollen:'''</u><br>
-  <nowiki>== Allgemeine Beschreibung ==
+  <nowiki><includeonly>{{Nachbearbeitung|</nowiki><span style="color:green;">''Seitenname(vollständig)''</span><nowiki>}}</includeonly></nowiki>
-</nowiki><span style="color:green;">''Seiteninhalt''</span><nowiki>
+ <nowiki><noinclude>{{Navigation|</nowiki><span style="color:green;">''Seitenname(vollständig)''</span><nowiki>}}</noinclude></nowiki>
 ==== Bilder ====

@@ Zeile 121: / Zeile 121: @@
   <u>Quellcode zur Einbindung von PDF-Dokumenten</u><br>
-  <nowiki>==== Dokumente ====
+  <nowiki>== Dokumente ==
 * [[Medium:</nowiki><span style="color:green;">''Dokument.pdf''</span><nowiki>|'''</nowiki><span style="color:green;">''Dokumentenbezeichnung''</span><nowiki>''']] </nowiki><span style="color:green;">''Kurze Beschreibung zu dem Dokument''</span><nowiki></nowiki>