Top
How to use full images in article & slideshow?
  • 1 minute to read
  • Print
  • Dark
    Light

How to use full images in article & slideshow?

  • Print
  • Dark
    Light

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.

Note
Using this feature may cause full images to get downloaded on the client machine which uses a lot more bandwidth than normal.

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.

Was this article helpful?