Issue with Text Alignment using variables

Apr 11, 2022

I've run across this problem when reproducing a menu for a system simulation. I put together a quick example of the issue. If there are more than 2 spaces in a row, it throws off alignment for a list. Doesn't matter if I use a 1 text box or multiple text boxes (or even rectangles) to show the data.

This is not a preview of the story - it's a published version. HTML5 only. Viewed in Google Chrome. StoryLine 3.

This is literally only a text box label, three input boxes, and a button on slide 1, and a text box label, three text boxes, and a button on slide 2.

There is nothing being done with javascript and no special triggers.

This isn't as much an issue with creating static menus as I can design those menus with multiple columns of text boxes to avoid multiple spaces in a row.

The real issue is when accepting input from a user and they are inconsistent in the use of double spaces in their replies. If you're showing that data back to them at some point, alignment is going to be off and lists will look ugly.

(I'm sure I could do a javascript fix, but that's going to a messy solution if there's a lot of input being done.)

Thoughts? Anyone else run across this?

Michael

2 Replies