Card Elements Guide

Below is a complete list of all currently supported Card elements, alongside a description of all their properties.

Elements

Dashboard echo

Name
TODO
template
TODO
CSS Class
TODO
Width
TODO
CSS Style
TODO

Liquid List

Folder Explorer

Liquid View

Form

Card Title

Datasource

Video

aspectRatio
The aspect ratio that the vide is shown at. Default: 16:9
autohideControls
How long after user interaction before the video controls hide. Value in milliseconds. Default: 1000
autoplay
If enabled, the video will start to play once loaded. Default: False
controls
If enabled, will show the video controls. Default: False
currentTime
The time that the video starts at. Default: 0
height
Force the video to have a certain height. Use any valid CSS units. Default: auto
loop
If enabled, the video will loop to the start after finishing. Default: False
muted
If enabled, the video sound will be muted. Default: False
Name
The id of the element in the schema. Autogenerated by default.
preload
If enabled, the video will preload instead of being streamed. Default: False
src
The src link for the video. Must be a link to an HTML video element supported format (MP4, Ogg, or WebM). Default: blank
thumbnail
A link to an image that will be shown as the video thumbnail. If blank, the video thumbnail will be generated from the video. Default: blank
videVolume
The default volume for the video. An integer value between 0-100 (inclusive). Default: 100
width
Force the video to have a certain width. Use any valid CSS units. Default: auto
CSS Class
CSS class names that will be injected into the element. Default: blank
Width
The width of the entire Card element. Default: Wide
CSS Style
Inline CSS styles for the element. Default: blank

Item

Entity Resolver

List

Text

Date

Transform

Daterange

Section

Journey Step

Charts

Line Chart (nvd3)

Strudel Chart

Pie Chart

Got an issue? Or want to submit feedback?
Submit your feedback

Our new Feedback and Issue Tracker is built on GitHub Issues. Just leave your comment below and you can track our team resolve it, or browse issues others have already submitted.

Read how to use the Feedback and Issue Tracker