Text shadow in HTML5

Welcome to Heroes, Jorge!

Can you tell me which browser you're using to test the text shadowing? Thanks!

Hi Peter

Im testing in:

Chrome @Mac

Safari@ iPad

This happens only with text, shadow shapes are ok

Thanks, Jorge!

I'm getting the exact same results as you, so I've gone ahead and logged it with the QA team. I'll let you know what I hear back. Thanks for bringing this to our attention. 

Thank you Peter, i hope there is an easy fix.

I'm also having a similar problem where the shadows are there, but they have no blur in the HTML5, looks fine in Flash.

Hi Ryan!

This one's been confirmed and is still under investigation with our QA team. I'll be sure to update here as soon as I hear something. Really sorry for any inconvenience this may be causing.

5 years later and the problem is still on with the Articulate 360 suite. (Thought you might want to know!)

ItIt is definitely fixed in storyline this is html5 https://360.articulate.com/review/content/ce286f1a-302d-44bf-ac7c-b105d73b2a6f/review

Thanks! Good to know! :D

It is not fixed, though, in Presenter 360, on shapes (on text I don't know).

Ah! this is post was about storyline

Woopsie! Came directly from Google. XD

I can delete my comment if you want to.

I think it is good to know it doesn't work in studio at the moment

Hi Geneviève,

I'd like to test this out and confirm as I don't see any reports of this in Studio 360 yet. Can you confirm the steps you're going through for me? 

1. Using Presenter 360
2. Applying a text shadow to text inside a shape
3. Publishing for HTML5 (Web?) and uploading a web server
4. Testing in a supported browser
5. Not seeing any shadow on text

Let me know if I'm missing anything or even if you're able to share a screenshot! 

Hi!

1- Yes!
2- Applying a shadow on a group of shapes.
3- Yes and yes.
4- Yes, but indeed old (IE11)
5- [...] on a group of shapes. :)

Have a nice day!

Hi there, Geneviève.  I can definitely see the difference in your screenshot, but the shadow still appears for me on my example file.  Check it out on SCORM Cloud here.

Are you seeing the shadow on all my boxes there?  On blue, I applied shadow to a single object.  On yellow and green, I selected multiple objects and applied the shadow.  And on red and purple, I grouped the boxes, and then applied shadow.

Don't lose hope, though.  💙Can you share a link to your output in the LMS with me?  Also, please share your Articulate Package so I can open and test your raw file.  If you need to keep your content private, use this link to send it to me!

Hi!

I can see indeed that it works well on your side. I can't share a link to our LMS, since it's an internal server LMS, but I just sent you the files privately as suggested.

Thank you again. :)

Thanks for sharing your project with us, Geneviève! 

I saw shadows on all 6 boxes when in Edit mode, but not during Preview. Yikes! After some digging, I also noticed that the actual pictures did not have a shadow applied. Clicking on Picture Tools Format > Picture Effects > Shadows > selecting the Offset: Bottom Right option under Outer should do the trick.

I shared a Peek of what I saw along with a modified version of the project in your case. Let me know what you think!

Additionally, I've escalated your case to our Support Engineers since I couldn't find anything in your file that would cause the shadow issue with grouped objects. You should hear back from someone on the team shortly. Thanks again for working with us,  ...and for keeping the hope alive! 🌟