Support Forums : spacing between radio buttons

We encourage an open exchange of information. Ask your questions or make suggestions. We are here to help, but we also encourage all of you to help one another.
Click on the Subscribe Flag to be notified by email of replies to your post.
Current User: Guest Login Register
Please consider registering

spacing between radio buttons

Add a New Topic Reply to Post
UserPost

3:37
June 23, 2007


Lauren

Guest

Hi there,
I am trying to design a survey using rating scale questions. I would like to include a series of questions asking respondents to rate a stimulus on a variety of word pairs (e.g., good/bad, fair/unfair) using a 7-point system. However, I find that the spacing between the 7 radio buttons changes depending on the character length of the words I use to label the anchor points of my scale. For example, if my labels for the extremes were fair/unfair, the spacing would be much shorter between response options than if the labels were entertaining/unentertaining. Is there any way to standardize this, so that the distance between radio buttons is equivalent regardless of the character length of the label?

Thanks,
Lauren

7:22
June 23, 2007


Christian Vanek

Moderator

Cambridge, MA

posts 784

Lauren,

Are you using the “Left/Right Extreme” label option? Or are you putting your labels above the last radio button?

The extreme labels (in Advanced formatting) were designed to solve that problem.

If you post the title of your survey I’d be happy to take a look.

Cheers,

Christian

8:29
June 24, 2007


Lauren

Guest

Hi Christian:

Thanks for your reply. I am using the extreme labels, which does not seem to resolve the problem. My survey is called “News Study Lehrer” — see questions on page 15-16. Thanks for your help!

Lauren

1:13
June 25, 2007


Scott McDaniel

Moderator

posts 94

Hi Lauren,

I saw the problem with radio buttons not lining up and created a quick fix in your survey for it. You wont see the fix in the survey editor but in a live or preview of the survey everything lines up nicely now.

Just FYI, I solved this by adding the following to your CSS in the Look and Feel tab.

table.sgRatingStack {
width:100%;
}

This forces the tables to all be the same width. I’ll try to roll out a fix for the survey editor soon as well.

3:01
June 25, 2007


Lauren

Guest

That’s great — thanks so much!

2:41
March 18, 2008


Gcat

Guest

Hi,
I am also having a problem with scales. I have a 0 to 11 point scale that pushes out beyond the right margin. On some browsers the scales now have horizontal and vertical scroll bars surrounding them so that the user has to use them to copletely see the full image area of the scales.

I tried creating the labels in the grid and with Extreme Lables. In the editor, the extreme lables appeared to compress the scale, but in preview it still pushed out of the right border and looks bad.

Can you fix it? The URL is:
http://s-t57rz-37448.sgizmo.com

gcat

8:44
March 19, 2008


Gcat

Guest

Chad:
Regarding your solution below:
I don’t want the scroll bars to appear. I want to compress the scale so it fits within the page without the need for scroll bars left/right Can you fix?
Gaye

RE: Hi Gaye,
That’s a long scale. If you want those scroll bars to show up you need a little bit of CSS knowledge. Just go to Edit Survey->Look & Feel->Template CSS and use the code:

overflow:auto !important;

In the right section, for example for all Radio button questions:

sg_Radio_Options {
overflow:auto !important;
}

Hope this helps,
Chad
—————————–
Chad Shinsato
SurveyGizmo Support

10:21
March 19, 2008


Chad

Moderator

posts 739

Hi Gaye,
I sent you an email about this but neglected to mention something.

First you have to remove any overflow:auto and turn them into overflow:hidden.

You also have to go to the input.sg_Radio class and change the margin on them.

Hope this helps,
Chad

Add a New Topic Reply to Post


Reply to Topic: spacing between radio buttons

Guest Name (Required):

Guest EMail (Required):

Guest URL (required)

Math Required!
What is the sum of: 1 + 11        (Required)

Topic Reply:


 
© Simple:Press Forum - Version 3.1.4 (Build 357)