Hi Ana,
Are you trying to align ...
with the start of the SPR sentence? If so, since you use a mono-spaced font to display the SPR sentence, you can simply pass a string of the same length to the three-dot Text element and it will be the exact same size as the SPR sentence, so if you print it at the same coordinates, they will be perfectly aligned. The trick is to make that string start with ...
and render all remaining (dummy) characters invisible, eg:
// dots 1_1
newText("start1_1", "...<span style='visibility: hidden;'>"+
[...new Array(variable.context.length-3)].map(v=>'_').join('')+"</span>")
.css({"font-size":"23px","font-family":"courier"})
.print("center at 50%", "middle at 50%")
,
// Keep the dots in place for about a second
newTimer("start1_1_timer", 1000).start().wait()
,
// Remove the dots
getText("start1_1").remove()
,
// context sentence
newText ("read_ctxt","Lies bitte den ersten Satz und drücke die Leertaste um fortzufahren")
.css({"font-size":"15px","font-family":"times new roman"})
.center()
.color("red")
.print("center at 50%", "middle at 46%")
,
// context sentence in SPR
...cumulative_ctxt(variable.context, "remove")
,
getText("read_ctxt").remove()
Jeremy