I've designed a slider interaction in Articulate 360, using an image as the thumb for the slider (see attached .story file).
The thumb is meant to blend seamlessly with the background, but there is a white line around the image which is not visible in the editing pane but appears when I preview or publish the resource.
Any guidance on how to remove this white line would be appreciated!
Looks like a bug with the HTML5 output of your file (Flash version works OK). You can see a transparent line around the PNG image in the output folder.
Re-import your grey rectangle and it should work (I did a plain grey one from output image and reimported it and it works).
Hi Sandy- Was the original image you used for the thumb slider .png format? If you want to attach it here, you can.
I was able to notice the slightest "blur" around the border of that gray rectangle image when previewed, and so I extracted it (what I believed to be it, a gray rectangle in .png format) from the project to view just the image. Same thing- just an ever so slight blur, and the HTML5 rendering in the Preview and Publishing process might just be making it a bit more blatant.
I wonder if using a different image file type would yield better results. Pierre- when you re-imported the image, what was your process?
5 Replies
Hi Sandy,
Looks like a bug with the HTML5 output of your file (Flash version works OK). You can see a transparent line around the PNG image in the output folder.
Re-import your grey rectangle and it should work (I did a plain grey one from output image and reimported it and it works).
Hi Sandy- Was the original image you used for the thumb slider .png format? If you want to attach it here, you can.
I was able to notice the slightest "blur" around the border of that gray rectangle image when previewed, and so I extracted it (what I believed to be it, a gray rectangle in .png format) from the project to view just the image. Same thing- just an ever so slight blur, and the HTML5 rendering in the Preview and Publishing process might just be making it a bit more blatant.
I wonder if using a different image file type would yield better results. Pierre- when you re-imported the image, what was your process?
Thanks!
Here's the image I used, it is a png.
You've got some transparency on your picture that might cause the white line problem for some reason.
I did my test with a plain grey rectangle.
Looks like the HTML output does not quite like alpha gradients...
This discussion is closed. You can start a new discussion or contact Articulate Support.