Layout-Vorgaben: Unterschied zwischen den Versionen

Aus vendit Wiki
Wechseln zu: Navigation, Suche
[gesichtete Version][gesichtete Version]
K (Mdsi.cs verschob die Seite Wiki-Vorgaben nach Layout-Vorgaben, ohne dabei eine Weiterleitung anzulegen: Seitenumbenennung)
Zeile 1: Zeile 1:
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. Außerdem erfolgt ein Beispiel in Form eines Bildes, wie das Resultat der Vorlage auf einer Seite letztendlich aussieht.  
+
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 Resultat der Vorlage auf einer Seite letztendlich aussieht.  
  
<!-- Farblegende, wenn es überhaupt möglich ist Farben in die Codes einzubauen -->
 
  
 
====Breadcrumbs====
 
====Breadcrumbs====
Zeile 8: Zeile 7:
 
Mit den Breadcrumbs wird in erster Linie die Menüstruktur des [[Vendit Client|vendit]]-Clienten aufgegriffen. Sie deutet dem Anwender 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.  
 
Mit den Breadcrumbs wird in erster Linie die Menüstruktur des [[Vendit Client|vendit]]-Clienten aufgegriffen. Sie deutet dem Anwender 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.  
  
:'''Quellcode:'''<br>
+
 
:<code><nowiki> [[Hauptseite]] > [[vendit Client|''vendit''-Client]] > [[Rechnungsgeschäft]] > Auftrags-Verwaltung</nowiki></code>
+
<u>'''Quellcode:'''</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>
  
  
Zeile 15: Zeile 15:
 
====Reiter-Struktur====
 
====Reiter-Struktur====
 
----
 
----
Um die Struktur des ''vendit''-Clienten beizubehalten, wird auch im Wiki die Reiter-Struktur beibehalten. Diese werden genau wie in ''vendit'' angelegt. Dabei müssen für die einzelnen Reiter eigene Seiten 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.  
+
[[ Datei:Bild.png | border | right | mini | '''Resultat:''' Implementierte Reiter]]
 +
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 Seiten 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).
 +
 
 +
 
 +
<u>'''Quellcode:'''</u><br>
 +
<nowiki><tabber></nowiki>
 +
<span style="color:green;">''Reitername(fest)''</span><nowiki> = {{:</nowiki><span style="color:green;">''Menüpunkt_Reitername1''</span><nowiki>}} |-|</nowiki>
 +
<span style="color:green;">''Reitername(ablösbar)''</span><nowiki> = {{:</nowiki><span style="color:green;">''Reitername''</span><nowiki>}}</nowiki>
 +
<nowiki></tabber></nowiki>
  
  

Version vom 24. März 2017, 08:56 Uhr

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 grün-kursiv markierte Code entsprechend angepasst werden. Zusätzlich erfolgt außerdem ein Beispiel in Form eines Bildes, wie das Resultat der Vorlage auf einer Seite letztendlich aussieht.


Breadcrumbs


Datei:Bild.png
Resultat: Breadcrumbs im vendit-Clienten

Mit den Breadcrumbs wird in erster Linie die Menüstruktur des vendit-Clienten aufgegriffen. Sie deutet dem Anwender 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.


Quellcode:
[[Hauptseite]] > [[vendit Client|''vendit''-Client]] > [[Menüpunkt]] > [[Untermenüpunkt]] > Seitentitel


Reiter-Struktur


Datei:Bild.png
Resultat: Implementierte Reiter

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 Seiten 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).


Quellcode:
<tabber> Reitername(fest) = {{:Menüpunkt_Reitername1}} |-| Reitername(ablösbar) = {{:Reitername}} </tabber>


Bilder


Datei:Bild.png
Resultat: Eingefügtes Bild

Bilder werden rechtsbündig als Vorschaubild eingefügt. Dieser verfügt über einen Rahmen und eine kurze Beschreibung.

Quellcode:
[[ Datei:Bild.png | border | right | mini | Bildbeschreibung ]]