Welche Frontend-Ausgabekanäle gibt es?

Das Layout und Design jeder Ansicht wird unter Administration > Layout gesteuert. Dabei kann für jede Ansicht ein individuelles Theme hinterlegt werden. Mit Ausnahme der PDF-Ansicht (bei welcher ein PDF-Dokument ausgegeben wird), erfolgt die Ausgabe bei jeder Ansicht in Form von HTML-Code.

Das Frontend einer Website verfügt über verschiedene Website-Ansichten. Diese sind nachfolgend erläutert:

Ansicht	Beschreibung	Initiierung via URL

Ansicht	Beschreibung	Initiierung via URL
Standard	Dies ist die Standard-Ansicht und ist auch bekannt als Desktop-Ansicht.	`smallscreen=0`
Mobile	Diese Ansicht wird für die Beantwortung der Anfragen von mobilen Endgeräten genutzt.	`smallscreen=1`
Druck	Über diese Ansicht wird die Druckausgabe der Website erzeugt.	`printview=1`
PDF	Mit dieser Ansicht wird eine Anfrage in Form eines PDF-Dokuments beantwortet. Siehe dazu dynamische PDF-Dokumente.
App	Für die Integration der Website in andere Anwendungen kann die App-Ansicht genutzt werden.

Verwendung in iFrames

Mit der Realisation eines "blank" Themes, welches lediglich den Inhalt und Content ausgibt (ohne Header, Footer, Navigation, etc.), eignet sich eine Seite mit der App-Ansicht für die Verwendung in iFrames oder modalen Fenstern.

Initiierung

Die Initiierung der meisten Ansichten erfolgt manuell über das jeweilige URL-Argument gemäss obiger Liste. Die Druck-Ansicht einer Website wird z.B. über das URL-Argument printview=1 initiiert. Beispiel:

Erfolgt keine manuelle Initiierung einer Ansicht (durch Übermittlung des entsprechenden URL-Arguments), so wird für die Beantwortung einer Website-Anfrage die Standard-Ansicht verwendet. Falls die Anfrage von einem mobilen Endgerät stammt, so wird für die Beantwortung der Anfrage die Mobile-Ansicht verwendet. Dies erlaubt die Auslieferung von zwei komplett unabhängigen Layouts auf normalen Desktop-Geräten (Standard-Ansicht) und mobilen Endgeräten (Mobil-Ansicht). Die Identifikation, ob es sich um ein mobiles Endgerät handelt, erfolgt über den User-Agent des Endgerätes.

Empfohlene Vorgehensweise

Häufig soll die Ansicht für mobile Endgeräte dem gleichen Design (CI/CD) wie der Ansicht für Desktop Endgeräte entsprechen, jedoch einfach für die Anzeige auf mobilen Endgeräten optimiert sein. In diesem Fall wird empfohlen für beide Ansichten (Standard & Mobile) das gleiche Theme einzusetzen, welches mittels Media Queries responsiveness implementiert und sich damit automatisch an die jeweilige Displaygrösse des Endgerätes anpasst. Ein prägnanter Einstieg ins Thema Media Queries bietet der Artikel Responsive web design basics auf web.dev. Umfassendere Informationen sind beim Mozilla Developer Network zu finden.