Top
How to use full images in article slideshows?
  • 09 Mar 2023
  • 1 Minute To Read
  • Dark
    Light
  • PDF

How to use full images in article slideshows?

  • Dark
    Light
  • PDF

Article Summary

By default, Whatfix supports two sizes for step images, 600px and 400px. When the full context of the page is required, these partial images may not give the user a complete understanding. You can alter the slideshow/article embed script to make them display full step images. Full size images are scaled down (at the client's side) to suit the required dimensions. Aspect ratio is ensured while scaling images.

your title goes here

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. For more information, contact support@whatfix.com.

Full images in Article

The following is a typical article style embed script from the 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>

The following parameters have to be added or 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.

The Step images are displayed with width and height as defined by the mentioned properties. Full images are scaled down by taking care of the aspect ratio.


Was this article helpful?

Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.