I have tried many options to top align the radio button including the one shown in below snapshot but nothing seems to work. Has anyone achieved top aligning the radio button in MCQs? Please share. Thanks.
In your sample, the text is actually part of the radio button. And it seems that SL is set to align the radio button to the center of its text by default. So perhaps it is not feasible.
But you can definitely align the radio button to a separate box (not the radio button text itself). However, if you want to shuffle the answers, the separate box that you create won't shuffle together. So you have to group the text box with each of the radio button, which takes a lot of time.
Four years later and there doesn't seem to be a better solution to this, is there? The only other idea I had was to add a separate text box into the various states of the radio button. The problem with that is if you had to make a change to the text, you'd have to change it in each state. I think the grouping is the best option for now, but this is still a feature I'd love to see in Storyline.
Yes, this has been causing me a lot of problems. With using a workaround like the one Kristen suggested and with grouping it doesn't work with JAWS screenreaders. So now I have to use the text built into the radio button and it just doesn't look right with the text aligned to the center of the radio button. Please see an example in the image below.
Thanks, Becky and Yonca, especially for providing context around your request. We track your suggestions, so I'll be sure that we include your experiences as well!
We are having the same issues with the radio button that Yonca Ural has articulated. We would also like to top align check boxes. Label this an accessibility issue as Yonca has demonstrated and maybe it will get fixed sooner.
Adjust the top margin of the text field and it will push the text down so that you can achieve this alignment. Once you're done, select all of your choices and distribute vertically to fix the spacing between choices.
This looks good in native story line, but when you preview the format is all messed up. Also, the buttons hover over each other, allowing you to select two at a time. Any ideas about these things?
Main thing is... you have to ensure your textbox is high enough and set to "Not AutoFit" Also usefull to change the internal margin to 0 vertical, then it works as supposed. I do think it works most of the times, but as your textbox is limited in size vertical...well you donot see it ;-)
15 Replies
Hi Gaurav,
In your sample, the text is actually part of the radio button. And it seems that SL is set to align the radio button to the center of its text by default. So perhaps it is not feasible.
But you can definitely align the radio button to a separate box (not the radio button text itself). However, if you want to shuffle the answers, the separate box that you create won't shuffle together. So you have to group the text box with each of the radio button, which takes a lot of time.
I'd love to see other solutions.
Cheng
Four years later and there doesn't seem to be a better solution to this, is there? The only other idea I had was to add a separate text box into the various states of the radio button. The problem with that is if you had to make a change to the text, you'd have to change it in each state. I think the grouping is the best option for now, but this is still a feature I'd love to see in Storyline.
Hi Kristen,
I invite you to share your suggestions along with a use case to our team here. Understanding a need is very helpful when evaluating feature requests.
I'm trying to do this as well. With several lines of text, it would be much more balanced if the radio button could be aligned to the top.
Yes, this has been causing me a lot of problems. With using a workaround like the one Kristen suggested and with grouping it doesn't work with JAWS screenreaders. So now I have to use the text built into the radio button and it just doesn't look right with the text aligned to the center of the radio button. Please see an example in the image below.
Thanks, Becky and Yonca, especially for providing context around your request. We track your suggestions, so I'll be sure that we include your experiences as well!
This post was removed by the author
Hi Christine!
Thanks for your input! I'm happy to do that! Can you share which version of Storyline you are using?
(Following) I submitted a request for this fix. :)
Thanks, Fred.
I've linked this conversation as well as your feature request in the report shared with our team.
I wanted to share some information about how we manage these feature requests as that may be helpful.
We are having the same issues with the radio button that Yonca Ural has articulated. We would also like to top align check boxes. Label this an accessibility issue as Yonca has demonstrated and maybe it will get fixed sooner.
This post was removed by the author
This post was removed by the author
Adjust the top margin of the text field and it will push the text down so that you can achieve this alignment. Once you're done, select all of your choices and distribute vertically to fix the spacing between choices.
This looks good in native story line, but when you preview the format is all messed up. Also, the buttons hover over each other, allowing you to select two at a time. Any ideas about these things?
In fact you can align the texts. Like shown here..
That's a nifty solution, Math. Thanks for popping in to share with the community.
Main thing is... you have to ensure your textbox is high enough and set to "Not AutoFit" Also usefull to change the internal margin to 0 vertical, then it works as supposed. I do think it works most of the times, but as your textbox is limited in size vertical...well you donot see it ;-)
This discussion is closed. You can start a new discussion or contact Articulate Support.