The title of an “Other” option, in a Multiple Selection question, does not respect the Template Width % setting on the Look & Feel page.

As a result, the “Other” title disappears off the edge of my iFrame.

hi brittany

i set my iframe width to a narrow width, in pixels. the whole survey displays with the narrower width, EXCEPT the 'other' option. it does not wrap. the 'other' option should wrap.

in fact, the 'other' textbox does not respect the width either– it extends to the right, beyond the edge of the rest of the survey.

here's the link:

http://laptopacademy.net/wordpress/contact

here's my iframe code:

<iframe src=”http://laptopacademy.contact.sgizmo.com/” style=”overflow: hidden” allowtransparency=”true” frameborder=”0″ height=”1050″ scrolling=”no” width=”425px” onload=”scrollUp()”></iframe>

thanks

that does not address the issue of the title of the 'other' option.

and, if other textboxes in the survey respect the parent width, so should an 'other' textbox.

are you sure you're not seeing it? i'm seeing the problem in ie, firefox, and chrome. try making your browser font size larger and smaller, and see if you cant see the problem.

(for the sake of my website, I applied the textbox-width fix, so you won't be able to see the problem on my live site anymore. but you can see it in the image below)

your solution to change the template width to pixels didn't work, unfortunately. i changed my look & feel template width to 200px; all text but the 'Other' title respected the new width, as you can see:

your solution to change the textbox width was the solution, actually. i'm not sure how i feel about that–

• shouldn't textbox width's be over-ridden by the global template width? is there an configuration option someplace for that?
• even if not, shouldn't option title text respect the template width, rather than the textbox width?

i found a possible solution. i put a style directly into the question title, according to the technique i posted here. here's the tag i inserted into the 'other' title:

<div style=”width:95%;”>it worked. the 'other' title width adhered to the embedded div instead of the textbox width, even when the textbox was wider.

but i don't like this method, because i would have to separately handle every single 'other' title in my survey, manually. 

another possible solution is to put a global style into the look and feel style sheet. but i don't know how to refer to 'other' titles. perhaps you could help me with that. 

ideally, i could put some code into the style sheet that refers to the template width, rather than specifying the width absolutely. that way, i could say “other titles and textboxes, width = template width”

i guess, if i could specify in css, that textboxes are limited to the template width, then i would not have to handle the titles at all, because they would automatically be limited to the textbox width, as now.

i'm guessing the current behavior affects the text connected to all textboxes, not just 'other' textboxes.

not quite…

thanks for the textbox explanation. but i'm not quite satisfied with that, because:

• -it requires manually handling every textbox in my survey, one-at-a-time, anytime i want to change the template pixel width.
• -it does not recognize percent-widths

So:

• -how can i use the Look & Feel CSS to set a width for all textboxes (in pixels)? this should be easy in your existing system.
• -Or better, how can i reference the 'Template Width' in my CSS?
• -Or, how else could i limit all textboxes to the Look & Feel 'Template Width'?

thanks for the textarea CSS! that's a big improvement!

but, when i said 'how do i reference Template Width', i meant, how can i refer to the template width in the CSS you gave me. something like this:

this way, i would only have to change the Template Width, and the size would automatically get applied to all textboxes, via the above CSS.

interesting! 

can you explain it? please answer the followng:

• -why the square brackets? 
• -what is %%?
• -What's CustomText_1?
• -What's Survey Width?
• -What's !important; a comment?

Partial solution!

this will make textboxes ALWAYS fit the width of your survey. 

Insert the following code into your CSS, on the Look & Feel page:

This works.

Problem: it only affects simple textbox answers. 

it does NOT affect “Other” titles in multiple choice questions.

I THINK they are called sg_Radio_Other, but the following does not work:

Brittany, why do neither of the above CSS codes affect my “Other” textboxes?

What name should i use instead of sg_Radio_Other to affect “Other” textboxes?

Thanks!