SL360 - Issues with Variables and Font Changes Viewing on Mobile
Jan 10, 2017
Articulate Staff - Reference Case #00987205
Our modules that have been upgraded from SL2 to SL360 have had issues with random font changes when viewing on mobile devices. I submitted a case and got a little bit of feedback... wanting to see if there are other answers from the community. Here are our issues:
1) Variable text that is smaller than size 9 has a drastic format change when viewed on mobile device. It affects spacing between lines and makes the font roughly size 4. The fix was to increase the font size to 10 - no more spacing issues between lines and the font size stayed the right size.
2) Spacing within textboxes that have variables is altered when viewed on mobile devices. For example, we have emails in one of our modules and have To: %coworker%. In the dev file, there is a tab between To: and the person. This tab is consistent when viewed on a desktop but is missing when viewed on a mobile device. Not a show-stopper, but annoying nonetheless.
3) Another example of spacing within textboxes with variables. Three textboxes, all left-aligned, exact margins. One has a variable. When launched, on mobile OR desktop, the internal margin of the textbox with the variable decreases, creating what appears to be un-aligned boxes.
4) Variable text within a rectangle, with established formatting (adjusted margins and specific alignment - centered) does not hold the formatting when viewed on a mobile device (evident in SL2 and SL360). The fix was to add a transparent textbox with the variable text on top of the colored rectangle in the desired position. This is a fix, yes, but makes development much more cumbersome when there are animations and triggers attached to the rectangle and variable text box.
Note: Modules are published in SL2 with HTML5 output and in SL360 with the HTML5/Flash fallback setting.