Have an idea?

Visit Sawtooth Software Feedback to share your ideas on how we can improve our products.

How to avoid auto resizing of pictures?

Hi all,

I am setting up a CBC with pictures. I am using the below code for the attribute level, which is how I have done for several previous studies. However, we noticed some pictures were resized (shrinked or enlarged), while we like to have it the size as we have prepared them.

Would anyone have a suggestion to avoid the pictures to be resized?

Many thanks!

<span class="tool_tip_link"><center><img src="[%GraphicsPath()%] PictureSKU.png" alt="" border="0" max-width="none" ><br>SKU</center></span><div class="tool_tip_text" style="max-width: none;"><center><img src="[%GraphicsPath()%]LargerSKU.png" alt="" border="0"><br>SKU</center></div>
asked Mar 11, 2018 by andydevos (180 points)

1 Answer

0 votes
We do have some system CSS that looks like this:

img
{
    max-width: 100%;
}

This CSS makes sure that images are not bigger than the screen.  This helps when surveys on taken on mobile devices.  This might be causing the problems you are seeing.  To remove this try adding this CSS to your survey:

img
{
    max-width:  auto;
}
answered Mar 12, 2018 by Justin Luster Silver Sawtooth Software, Inc. (6,950 points)
...