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?
Hi Sean! I see a somewhat similar report of when the correct choices are hovered over. Would you be able to share your .quiz file for us to take a look?
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.
It seems to be happening on the files I had created on a network drive. I assume that all of the issues are likely a result of corruption then. Back to the drawing board to do it all again I suppose.
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.
Can you share that with me to take a look and then I will try to recreate again and get this reported? I agree, that would be more of an issue that we would want the team to take a look at.
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.
Thanks Sean! Your file demonstrates (and perhaps I now understand) the issue well and I will share this with our QA Team to further review. I'm glad that you've found a workable solution in the meantime as I have no time frame to provide on any resolution.
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.
12 Replies
Hi Sean! I see a somewhat similar report of when the correct choices are hovered over. Would you be able to share your .quiz file for us to take a look?
Hi Leslie,
See attached. Let me know if you can figure it out.
Sean
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.
It seems to be happening on the files I had created on a network drive. I assume that all of the issues are likely a result of corruption then. Back to the drawing board to do it all again I suppose.
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
Hi Sean!
Can you recreate this issue in a new file vs one of the older versions of a file you may have had on a network drive previously?
I can. I just did it in a brand new file.
Can you share that with me to take a look and then I will try to recreate again and get this reported? I agree, that would be more of an issue that we would want the team to take a look at.
See attached. The issue is present on slide 4 currently. The file has only ever been saved to my desktop.
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.
Thanks Sean! Your file demonstrates (and perhaps I now understand) the issue well and I will share this with our QA Team to further review. I'm glad that you've found a workable solution in the meantime as I have no time frame to provide on any resolution.
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!