Layout
Darstellungsoptionen der Website
- Aspect Ratio (Hochformat, usw.)
- Verhalten von Medien
Darstellungsoptionen der Website
Das Erscheinungsbild von deinem Space kannst du nach einigen Parametern an deine Bedürfnisse anpassen.
Klicke in den Space Einstellungen auf Eigene bei Darstellungsoptionen.
Nun kannst du aus verschiedenen Möglichkeiten auswählen.
Kacheln
Im ersten Abschnitt kannst du die Ausrichtung und Grösse der Kacheln, sowie die Umrandung und Ausrichtung des Bildes bestimmen.
Kachelgrösse
Hier kannst du die Kachelgrössen in der Übersicht einstellen.
Kachelgrösse: Gross
Kachelgrösse: Mittel
Kachelgrösse: Klein
Ausrichtung Bild
Hier kannst du die Ausrichtung der Bilder in der Übersicht einstellen.
Ausrichtung: Zentriert
Ausrichtung: Oben
Bildabdeckung
Hier kannst du einstellen, wie die Bildabdeckung auf der Übersicht sein soll.
Bildabdeckung: Mit Rahmen / Ausrichtung Bild: Zentriert
Bildabdeckung: Füllend / Ausrichtung Bild: Zentriert
Bildabdeckung: Füllend / Ausrichtung Bild: Oben
Bildabdeckung: Mit Rahmen / Ausrichtung Bild: Oben
Linien
Hier kannst du einstellen, ob und wie die Kacheln mit Linien in der Übersicht erscheinen sollen.
Linien: Rundum
Linien: Vertikal
Linien: Horizontal
Linien: Keine
Linienbreite
Hier kannst du einstellen wie dick die Linien in der Übersicht erscheinen sollen.
Linienbreite: Fein
Linienbreite: Mittel
Linienbreite: Breit
Overview
Im zweiten Abschnitt bestimmst du :
- die Darstellung des Navigationsmenü
- die Zusammensetzung und Anzeige des Labels
- die Auswahl der Tags
Navigationsmenu
Hier kannst du einstellen, ob sich das Navigationsmenu geschlossen oder geöffnet beim Start anzeigen soll.
Überschrift
Hier kannst einstellen, ob die Überschrift in der Übersicht angezeigt werden soll.
Labels im Overview: Anzeigen
Labels im Overview: Verstecken
Tags als Filter
Hier kannst du auswählen ob dir auf der Website alle Tags als Filter, keine, nur die kleio Tags oder ausgewählte Tags angezeigt werden sollen. Bei ausgewählten Tags kannst du diese dann spezifisch pro Feld anwählen:
Die Tags erscheinen dann als Filter auf der Website:
Beachte: Bei geteilten Records werden diejenigen Tags angezeigt, welcher der Space Owner freigeschalten hat.
Überschriftzusammensetzung
Hier kannst du auswählen, welche Feldinformationen als Beschriftung für deine Records in der Kachelansicht in deinem Space angezeigt werden sollen.
Auswählen kannst du zwischen den Feldern Datum, ID, Label und Urheber:in.
Damit du die Felder auswählen kannst und sie angezeigt werden müssen sie
- in den Space-Einstellungen auf sichtbar gestellt sein. Mehr dazu hier: Felder Anzeige.
- im jeweiligen Record ausgefüllt sein. Wenn ein Record zum Beispiel kein Datum hat, kann in der Überschrift auch kein Datum angezeigt werden.
Sobald du Felder ausgewählt hast, erscheinen sie schwarz hinterlegt. So z.B. sieht es aus, wenn die Felder ID und Label ausgewählt sind.
Jetzt kannst du durch hin- und herschieben der Felder mit Drag and Drop die Reihenfolge verändern.
So sieht z.B. die Übersicht in deinem Space aus wenn du die Felder ID und Label angewählt hast:
Detailansicht
Im letzten Abschnitt kannst du das Anzeigen der Feldbeschriftungen und Bildlegenden in der Detailansicht bestimmen. Die Detailansicht öffnet sich, wenn du im Space auf einen Record klickst.
Feldbeschriftung
Hier kannst du einstellen, ob die Feldbeschriftung in der Detailansicht angezeigt werden soll.
Feldbeschriftung: Anzeigen
Feldbeschriftung: Versteckt
Bildlegende
Hier kannst du aussuchen, welche Bildlegende unter deinen Bildern angezeigt werden soll. Du kannst wählen zwischen keine Bildlegende, Copyright oder Copyright + Bildlegende.
Videos
Aspect Ratio
Bei kleio kannst du Videos einbinden, indem du einfach einen normalen Link zu Plattformen wie YouTube oder Vimeo einfügst. Verwende dafür den regulären Video-Link – Embed-Links funktionieren nicht.

Hinter dem Link musst du dann ?kleio-aspect=x/x anfügen.
Die tatsächliche Darstellung ergibt sich aus diesem Verhältnis in Kombination mit den verfügbaren Platzverhältnissen im Layout. In bestimmten Layoutsituationen (z. B. bei schmalem Fenster oder aktiven Panels) wird die Höhe des Medienbereichs zusätzlich effektiv begrenzt.



Verhalten von Medien (Videos & Bilder)
Neben der definierten Aspect Ratio (z. B. für Videos im 16:9-Format) ist zusätzlich eine maximale Höhe des Anzeigebereichs festgelegt.
Das bedeutet konkret:
- Medien (Videos und Bilder) behalten ihre Proportionen durch die definierte Aspect Ratio bei.
- Gleichzeitig ist die Höhe des Containers begrenzt, sodass Inhalte nicht unbegrenzt vertikal wachsen.
- Wenn das Browserfenster schmaler wird oder zusätzliche Panels (z. B. links/rechts) eingeblendet sind, passt sich die Darstellung entsprechend an.