Forum Discussion

PedroMendez's avatar
PedroMendez
Community Member
2 months ago

Question radial buttons alignment issue

Hi community,

I am developing a Storyline quiz app for which I am using the standard quiz option available in SL.

Everything is working well but have recieved and ND (Neurodiveristy) feeeback about the radial buttons not being align properly.

While investigating the issue I found that radial buttons at questions change position depending on the length of the option.   By default that radial button is always center align along with te text. Attaching an image to better illustrate what I mean. 

I have 10 different question slides and I am recommending to keep it max 2 lines but the issue I have is that I can't actually configure the position of that radial button and it looks locked to the text box.

Have any you have any advise on how to fix this issue and keep everything align?  I would like to keep those radio buttons consistent on the same position at every slide.

Thanks!

accessibility
Articulate 360
storyline 360
  • JHauglie's avatar
    JHauglie
    Community Member
    2 months ago

    I suggest that you build the quiz questions, then save the file. Then start manually adjusting each slide, working on the slide view screen (not the form view). That is a tedious approach but it does work. 

    • PedroMendez's avatar
      PedroMendez
      Community Member
      30 days ago

      Thanks for your advise.  After playing around with the tool I ended adjusting manually as suggested.

      The only different thing I did was to develop only 1 question slide, fixed the position of each option and the key configuration here was to set middle alignment and do not autofit.


      Once I managed to have 1 slide working properly I duplicated the slide and just changed the options from the Form view.


      Slightly similar to what you've suggested but without the need to adjust 20+ slides individually haha

  • MlisandeBuitenk's avatar
    MlisandeBuitenk
    Community Member
    2 months ago

    I think the easiest solution would be to adjust the height of all the text boxes to match the one with the most text, and then use Distribute vertically to make it look nice: 

    Another option would be to use separate text boxes instead of the ones with the radiobuttons, which would give you full control of where to place the radiobutton with the text.

    • PedroMendez's avatar
      PedroMendez
      Community Member
      30 days ago

      Hi MlisandeBuitenk thanks for your reply, I ended up doing it manually. I still miss the idea of "unlinking" the dot button from the text itself.

      I've also tried separate box idea you've suggested but that gave me the issue of not having a full "hovering" effect (it was only applied to the button shape and not the outside text box"

      Anyway,  I have what I need now so thanks a lot for your guidance.

Related Content