What's an HTML tag?
As of 2019 Update 1, cards have the ability to display images using Profile cards. One way to add images to cards is through the use of HTML image tags. Tags are displayed as
<img src=“example_path”>
, where
"example_path"
is an image URL, such as
<img src=“https://example.com/3dqs45.png ">
.
To add HTML image tags, you must first have a column in your dataset containing image URLs. Then, import your data into Workstation and click
Wrangle to add the HTML image tags.
For steps to add HTML image tags to your dataset, see
Adding Images to Your Dataset.
Best Practices for Adding Images to Profile Cards
- Images should be at least 80x80 pixels. Any smaller and the image will have poor resolution.
- Images should be stored on a public repository, such as a website or storage drive that is open to the Internet.
- If the website or drive requires a log in or has a firewall blocking access to the Internet, images may not load properly in the card.
- Use circular or square images that are either JPG/JPEG, PNG, SVG, or GIF format.
- If the image cannot be a circle or square, change the image background to white. This way, the image will have padding around the areas that don't fit in the image circle.
Example of Adding an Image to a Profile Card
Say you are creating a HyperIntelligence dataset for your office. You want to include your employee's pictures for easy identification. The first thing you do is add a column containing the images of your co-workers. Then, import the data and add HTML image tags, as shown below.
When you're done, images appear on your cards!
Check out this video for more information!
Have other questions? Feel free to start a discussion or reach out to your Support liaison to open a case!
Want to upgrade to Strategy 2019 or get HyperIntelligence? Visit the Strategy website!
