- This topic has 2 replies, 2 voices, and was last updated 4 years, 7 months ago by
.
-
Posts
-
Hi there!
I’m new to Penn Controller and loving it so far! I’m programming a forced-choice experiment. I’m wondering how to move the radio buttons horizontally on the screen. Most of the time the default position is fine but for some items, the text for the left option appears on top of the radio button.
Thanks!
-CassandraHi 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
Thanks, Jeremy! I think I figured it out. We actually have different possible answers appearing for each item so we are pulling the answers from our csv file directly. I was able to manipulate the location of the text under settings.add. I also added in settings.css there but it’s not clear to me if it’s doing anything. The text no longer appears on top of the radio button though so that problem is solved! Thanks!
- You must be logged in to reply to this topic.