cylindo-external-media
The cylindo-external-media is used to embed a Cylindo hosted external media into your cylindo-viewer.
Related example
Attributes
content-id
The content ID for the cylindo external media.
| Default value | Options |
|---|---|
"" | string |
alt
Alternative text for the viewer. This is used by screen readers.
| Default value | Options |
|---|---|
"" | string |
thumbnail-crop
Configures how the external media thumbnail gets displayed in the thumbnail-bar. The value comprises of 3 to 4 numbers between 0 and 1 separated by a comma, in the following order:
"x, y, width, height (optional)"
x,y: the relative position of the top left corner of the cropwidth: the relative width of the cropheight(optional): the relative height of the crop. It will default towidthif omitted.
| Default value | Options |
|---|---|
"" | "number, number, number[, number]" |
display-mode
Configures how the material swatch is displayed in the content area of the Viewer. Defaults to "fit-inside-viewer".
| Option | Description |
|---|---|
"cover-viewer" | Fills the viewer's viewport, possibly altering aspect ratio. |
"fit-inside-viewer" | Maintains the original aspect ratio within the viewport. |
original-dimensions
The original dimensions of the uploaded media. This information is used to limit the rendered size of the media, in the case its dimensions are not large enough to cover or fit the full size of the viewer.
If this attribute is omitted, the media will cover or fit the viewer regardless of its original resolution.The value comprises of positive 2 numbers, in the following order:
"width, height"
| Default value | Options |
|---|---|
| None | "number, number" |
zoomable
Enables zoom functionality and displays buttons for zooming in and out. Please note that the zoom will stay disable if the media doesn't have big enough dimensions.
| Default value | Options |
|---|---|
"false" | "true" | "false" |