Radio buttons shifting

Jul 07, 2016

I have created a quiz with a heavy use of radio buttons.  What I have started to notice is that the correct field shifts left when the question first appears and once the correct answer is selected, shifts right to line up wit everything else (see attachments)

 

Has anyone else experienced this and/or know of a fix for it?

 

Sean

12 Replies
Leslie McKerchie

Thanks for sharing your file and allowing me to take a look Sean.

I see the issue you are reporting within your file.

Are you able to re-create the issue in a new file? I am unable to recreate the issue so the issue seems to be with your particular file.

File corruption could be the culprit and it is unpredictable with no straightforward way to determine what causes it. Common causes are environmental (disk errors, power outages, improper shutdowns), viruses, failed Windows updates, and even file size (i.e., very large files have a higher risk of corrupting).
 
Consider these preventative measures to protect your project files:
 
1) Save and publish projects on your local hard drive. Working on a network drive or external USB drive can cause erratic behavior due to latency.
 
2) Save incrementally. If your app has an AutoRecovery feature, take advantage of it. If not, save a new version of your project every hour or so with a new file name each time. If a file becomes corrupt, you'll still have a working version available.
 
3) Install Dropbox. Snapshots of changes in your local Dropbox folder are kept for 30 days. If a file is damaged or deleted, you can restore a previous snapshot: https://www.dropbox.com/help/11/en.
 
4) Don't leave the app open and unattended for long periods of time. Some users have reported file corruption after leaving their apps open overnight. It's possible that a malware scan or disk backup could run because the machine is idle, making your app vulnerable to crashing.
Sean Friedman

I've been able to locate an old version of one of these files and have tracked the issue to changing the default internal margin size.  When I change the internal margin to something other than the default (10), the text shifts to the left until the item is selected.  I have been using 20 in conjunction with the larger button size.

 

This seems like a bug in the software now, as opposed to a corruption issue.

 

Please advise.

 

Sean

Sean Friedman

Further to this, I've been reformatting my quiz files to make them work as I can't wait for a software release.  I've discovered that every quiz answer has 2 states, selected and not selected.  It appears that both states can have different internal margin settings which is what is causing the issue. 

 

When the object is formatted, it's in the selected state (set in form view), but when the quiz is played it first shows the unselected state.  If you aren't aware of this, you would never think to format the answer before you identify it as correct AND after you identify it as correct.

Mark Ramsey

NOTES ABOUT RADIO BUTTONS SHIFTING & HOW TO FIX

We’ve found that radio buttons’ text defaults to a vertical alignment of Middle. This leads to the radio button shifting sometimes. In order to stop this, right-click on the radio button and go to:

Format Shape >> Text Box >> Text >> Vertical Alignment

and select “Top”.

You may also need to adjust the top or bottom margins in order to get the text vertically centered to the radio button - especially you have two- or three-line answers. Add margins by going here:

Format Shape >> Text Box >> Margins

There is a Top and Bottom setting that you can play with to center the text to the radio button.

Also, be advised that Storyline sometimes changes the height and width of the states of the radio buttons for unknown reasons. Right-click on the radio button and go to:

Size and Position >>

Make sure width and height for both Normal and Selected states are the same.

HTH!