Thumbnails

Last updated on September 12, 2024.

Element: < ins-thumbnail>

Defines a thumbnail UI where you can download the file.

Complete Example

Code Snippet

<ins-thumbnail
  name="Insites Logo"
  alt="Insites Logo Image"
  src="https://uploads.prod01.sydney.platformos.com/instances/630/property_uploads/modules/insites_assets/assets_upload/asset/d455282f-721d-4f31-b798-1e6eafa84a31/insites-template-logo.png?updated=1723195348"
  thumbnail="https://uploads.prod01.sydney.platformos.com/instances/630/property_uploads/modules/insites_assets/assets_upload/asset/d455282f-721d-4f31-b798-1e6eafa84a31/insites-template-logo.png"
  label="Insites Logo"
  button-label="VIEW FILE"
  button-type="solid"
  button-color="green"
  button-icon="icon-file">
</ins-thumbnail>

Error State

Code Snippet

<ins-thumbnail
  name="Insites Logo"
  alt="Insites Logo Image"
  src=""
  label="Insites Logo">
</ins-thumbnail>

Attributes

FIELD ATTRIBUTE	TYPE	DEFAULT	OPTIONS	DESCRIPTION
name	string	-	any	Defines the name of the file to be downloaded
alt	string	-	any	Defines the alternative text when the image is broken
src	string	-	Source is required	Defines the source of the file
thumbnail	string	-	Should be an image. If not supplied, the "src" will be used for the thumbnail.	Defines an image thumbnail of the source
label	string	-	any	Defines the label of the thumbnail
button-label	string	DOWNLOAD	any	Defines the label of the button
button-color	string	blue	blue, green, orange, red, pink, yellow, turquoise, grey	Defines the color of the button
button-icon	string	-	Insites Font Icons	Defines the icon of the button
button-type	string	-	Solid or Outlined	Defines the type of the button

Have a suggestion for this page?

Didn't quite find what you are looking for or have feedback on how we can make the content better then we would love to hear from you. Please provide us feedback and we will get back to you shortly.