Reply To: moving horizontal position of radio buttons

[Jeremy]

Hi Cassandra,

Glad to hear you like PennController!

You can set the position of the text labels of the radio buttons using the command settings.labelsPosition. You can also use settings.before and settings.after to insert Text elements to the left or to the right of the scale, as in this example.

If you need to add some spacing to the left of the scale, you can try playing with CSS as explained in the Aesthetics documentation page. Or you could use try using the settings.css command, like this:

newScale(10)
    .settings.css("margin-left","1em")
    .settings.before(newText("Score"))
    .print()

I will print a 10-button radio scale with the text Score to its left, with 1em (~1 character width) of horizontal spacing between the left edge of the scale and the right edge of the text.

Let me know if you have any questions

Jeremy