How to use full images in article & slideshow?
- 1 minute to read
Whatfix by default supports two sizes for step images, 600px and 400px. When full context of the page is required, these partial images may not give complete understanding to the user. You can alter slideshow/article embed script to make them display full step images. Full size images are scaled down (at client side) to suit the required dimensions. Aspect ratio is ensured while scaling images.
Full images in Slideshow
As of now, full size images are supported only in iFrame mode. You can read more about it here Slideshow iFrame Embed API.
Full images in Article
Following is a typical article style embed script from embed/article window of any flow,
<div data-href="//whatfix.com/blog.html" data-flow="7a2ca570-dcaf-11e2-a08a-00265a7a1a29" data-size="full"> <a href="http://whatfix.com/#!flows/who-can-access-my-google-account/7a2ca570-dcaf-11e2-a08a-00265a7a1a29/"> Who can access my Google account? </a> </div>
Following parameters have to be added/modified in this script to trigger full size images,
- data-size: Set its value as full.
- data-width: Image width that you would like to have.
- data-height: Image height.
Step images are displayed with width & height as defined by above properties. Full images are scaled down by taking care of aspect ratio.