Multiple choice display in IE « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

stinkykong
Member

In Internet Explorer (8), my multiple choice fields with longer descriptions display with the radio button above the text. Other browsers seem to display as desired with text displayed to the right of the radio button.

Here is some CSS I tried adding:
.ginput_container ul li input, .ginput_container ul li label {display:block !important; float:left !important;}

Here's the link: http://www.fumc-denton.com/gravityForms2/?page_id=2

Do you know of a way to make these behave in Internet Explorer as they do in the other browsers?

Posted 12 years ago on Tuesday May 17, 2011 | Permalink
Kevin Flahaut
Administrator

The radio labels normally work the same in IE8 as the other browsers. Do you have the same problem if you preview the form in IE8?

Yours are most likely inheriting some property from your theme styles that's throwing it off. I'll take a look and see what I can find.

Posted 12 years ago on Tuesday May 17, 2011 | Permalink
stinkykong
Member

Yes the problem also shows when form is previewed in IE8 but only when I narrow the window to force the text to break into two lines.

Posted 12 years ago on Tuesday May 17, 2011 | Permalink
Kevin Flahaut
Administrator

Hmm. Strange indeed.

So, I'm updating the default forms.css file for the next release with a fix. For now, you can copy the new CSS below and replace the contents of the forms.css file in your plugins folder. You can see the results of my tests in the screenshot below.

CSS: http://pastie.org/1918207
screenshot: http://grab.by/a9Am

As I mentioned, this will be in the next plugin update so you shouldn't have to manually change anything in the default file moving forward.

Posted 12 years ago on Tuesday May 17, 2011 | Permalink