Vorsicht

Dies ist die Dokumentation des aktuellen Entwicklungszweigs der CometVisu. Es besteht daher die Möglichkeit, dass einige der hier beschriebenen Features mit dem aktuellsten Release der CometVisu nicht genutzt werden können.

Page

Die Page-Komponente ist das Haupt-Inhaltselement der Tile-Struktur. Es wird immer nur ein Page gleichzeitig sichtbar. Innerhalb der Page können beliebige Widgets angezeigt werden, ebenso kann eine Page weitere Pages enthalten.

Die Anordnung der Widgets erfolgt automatisch. Der verfügbare Platz wird von links nach rechts und von oben nach unten gefüllt. Die Anzahl der Widgets pro Zeile hängt also von der Bildschirmbreite ab. Auf Mobil-Telefonen passen in der Regel nicht mehr als zwei Widgets in eine Zeile.

Zusätzlich gibt es die Möglichkeit Widgets zu gruppieren. Diese Gruppen. Jede Gruppe hat einen Titel und der Inhalt der Gruppe kann ausgeblendet werden.

Erlaubte Attribute

Element	Attribut
	Name	Inhalt	Beschreibung
cv-page	id	Text	ID der Seite
	name	Text	Titel der Seite
	icon	Text	Icon der Seite in Navigationsmenüs
	menu	true oder false	Legt fest, ob diese Seite in den Navigationsmenüs enthalten sein soll.
	visible-on	mobile oder desktop	Steuert die Sichtbarkeit dieses Elements anhand der Bildschirmgröße.
	class	Text	Füge dieses Attribut der CSS Klasse hinzu, so dass das Widget durch ein eigenes Stylesheet zusätzlich formatiert werden kann.
	style	Text	Individuelle CSS style Regeln für dieses Widget.

Erlaubte Kind-Elemente und deren Attribute

Element	Attribut
Struktur	Name	Inhalt	Beschreibung
cv-page cv-page	id	Text	ID der Seite
	name	Text	Titel der Seite
	icon	Text	Icon der Seite in Navigationsmenüs
	menu	true oder false	Legt fest, ob diese Seite in den Navigationsmenüs enthalten sein soll.
	visible-on	mobile oder desktop	Steuert die Sichtbarkeit dieses Elements anhand der Bildschirmgröße.
	class	Text	Füge dieses Attribut der CSS Klasse hinzu, so dass das Widget durch ein eigenes Stylesheet zusätzlich formatiert werden kann.
	style	Text	Individuelle CSS style Regeln für dieses Widget.

Element	Attribut
Struktur	Name	Inhalt	Beschreibung
cv-page cv-group	icon	Text	Icon für die Gruppe.
	name	Text	Name der Gruppe.
	open	true oder false	Macht den Inhalt der Gruppe sichtbar. Ansonsten ist nur der Inhalt von „summary“ sichtbar.
	wrap	true oder false	Verhindert Zeilenumbrüche, wenn der Inhalt zu breit für die Bildschirmgröße ist. Stattdessen wird der Inhalt scrollbar.
	hide-on-scroll	true oder false	Blendet dieses Element aus, wenn der Seiteninhalt gescrollt wurde.
	visible-on	mobile oder desktop	Steuert die Sichtbarkeit dieses Elements anhand der Bildschirmgröße.
	class	Text	Füge dieses Attribut der CSS Klasse hinzu, so dass das Widget durch ein eigenes Stylesheet zusätzlich formatiert werden kann.
	style	Text	Individuelle CSS style Regeln für dieses Widget.

Element	Attribut
Struktur	Name	Inhalt	Beschreibung
cv-page cv-popup	modal	true oder false	Deaktiviert den Hintergrund solange das Popup geöffnet ist.
	fullscreen	true oder false	Das geöffnete Popup belegt den gesamten Bildschirm.
	title	Text	Überschrift dieses Popups.
	auto-close-timeout	integer	Zeit in Sekunden in der das Popup automatisch geschlossen wird.
	visible-on	mobile oder desktop	Steuert die Sichtbarkeit dieses Elements anhand der Bildschirmgröße.
	class	Text	Füge dieses Attribut der CSS Klasse hinzu, so dass das Widget durch ein eigenes Stylesheet zusätzlich formatiert werden kann.
	style	Text	Individuelle CSS style Regeln für dieses Widget.

Element	Attribut
Struktur	Name	Inhalt	Beschreibung
cv-page iframe	src	anyURI
	data-src	anyURI
	visible-on	mobile oder desktop	Steuert die Sichtbarkeit dieses Elements anhand der Bildschirmgröße.
	class	Text	Füge dieses Attribut der CSS Klasse hinzu, so dass das Widget durch ein eigenes Stylesheet zusätzlich formatiert werden kann.
	style	Text	Individuelle CSS style Regeln für dieses Widget.