When to use this card

Use the Image card anytime you want to add imagery to your site.

How to use this card

To use this card perform the following on a Page or Profile

From Hamburger Menu, click Edit Page
If you do not have Section, click Add Section
In your Section, click Add Card
From the Card Browser, under Media, click Image
Use the Property pane to customize your image. For more information refer to the section Image Card Options
Once your Image Card is placed, click the PENCIL icon.
Select the desired image (png,jpg) and click

Property Name	Description	Example
Property	Allows you to bind to a specific Property of a Type or Page	Let’s say you have a Page that has a Property called Background and you want to have the same image displayed in 2 locations. Set this value to accomplish this
Display Size	Allows you to set specific pre-configured width/heights for an image	x-small: 25x25px X-large: Fills container
Boarder Radius	Option for rounded corners on your image
Opacity	Ability to change the opacity of your image
Saturation	Changing the saturation of the image
Hue	Ability to add a color overlay on the image. You can also adjust the opacity of this.
Card Title	This field will appear as a title above your image
Card Icon	Choose an Icon to go before the Card Title
Custom Class	Sets the class attribute for this card.
Custom Id	Sets the ID attribute for this card.
Padding/Margins	The distance between the edges of the card and the image.