Caution

This is the documentation for the current development branch of the CometVisu. It is possible that some of the described features are not yet available in the current release.

Also there might be lots of errors in this documentation as some parts of the content have been translated by an online translation service.

Page

The page-component is the main content element of the tile structure. Only one page is visible at a time. Within the page, any widgets can be displayed, and a page can also contain other pages.

The arrangement of the widgets is automatic. The available space is filled from left to right and from top to bottom. The number of widgets per row depends on the screen width. On mobile phones, no more than two widgets fit in a row.

In addition, there is the possibility to group widgets. These groups. Each group has a title and the content of the group can be hidden.

Allowed attributes

Element	Attribute
	Name	Content	Description
cv-page	id	string	ID of this page
	name	string	Title of this page
	icon	string	Icon of this page in navigation menus
	menu	true or false	Defines if this page should be visible in the navigation menus.
	visible-on	mobile or desktop	Controls this element’s visibility by screen size.
	class	string	Add this value to the CSS class so that it can be formatted by a user provided style sheet.
	style	string	Custom CSS style rules for this widget.

Allowed child elements and their attributes

Element	Attribute
Structure	Name	Content	Description
cv-page cv-page	id	string	ID of this page
	name	string	Title of this page
	icon	string	Icon of this page in navigation menus
	menu	true or false	Defines if this page should be visible in the navigation menus.
	visible-on	mobile or desktop	Controls this element’s visibility by screen size.
	class	string	Add this value to the CSS class so that it can be formatted by a user provided style sheet.
	style	string	Custom CSS style rules for this widget.

Element	Attribute
Structure	Name	Content	Description
cv-page cv-group	icon	string	Icon for the group.
	name	string	Name of the group.
	open	true or false	Makes the groups content visible, otherwise only the content of “summary” is visible.
	wrap	true or false	Prevents line wraps when the content is wider that the screen size. The content will be horizontally scrollable instead.
	hide-on-scroll	true or false	Fades out this content, if the page content has been scrolled.
	visible-on	mobile or desktop	Controls this element’s visibility by screen size.
	class	string	Add this value to the CSS class so that it can be formatted by a user provided style sheet.
	style	string	Custom CSS style rules for this widget.

Element	Attribute
Structure	Name	Content	Description
cv-page cv-popup	modal	true or false	Disables the background while the popup is open.
	fullscreen	true or false	Open the popup in fullscreen mode.
	title	string	Headline of this popup.
	auto-close-timeout	integer	Time in seconds when the popup is automatically closed.
	visible-on	mobile or desktop	Controls this element’s visibility by screen size.
	class	string	Add this value to the CSS class so that it can be formatted by a user provided style sheet.
	style	string	Custom CSS style rules for this widget.

Element	Attribute
Structure	Name	Content	Description
cv-page iframe	src	anyURI
	data-src	anyURI
	visible-on	mobile or desktop	Controls this element’s visibility by screen size.
	class	string	Add this value to the CSS class so that it can be formatted by a user provided style sheet.
	style	string	Custom CSS style rules for this widget.