Time Field on IE « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

tajackson
Member

The Time Field on my "Request A Quote" page (http://fogcityent.com/request-quote/) is not displaying properly in IE (surprise!). I would guess it's just a CSS fix but would like to get some concrete advice before I go poking around.
Thanks,
Tom

Posted 13 years ago on Saturday May 1, 2010 | Permalink
Kevin Flahaut
Administrator

What version of IE are you referring to? I checked in IE8 and everything seems to be fine.

screenshot

Also, what isn't displaying properly? Margins, alignment, labels, select box ?

Posted 13 years ago on Saturday May 1, 2010 | Permalink
tajackson
Member

I checked in IE8. The cursor won't go in the HH box on Event Time - Start. I see you did it but I've had complaints from others that they can't do it (& I couldn't do it either).

Of course, it works perfectly on Firefox etc.

Posted 13 years ago on Saturday May 1, 2010 | Permalink
Kevin Flahaut
Administrator

Okay, thanks. I'll test it some more and see if I can offer any help.

Posted 13 years ago on Saturday May 1, 2010 | Permalink
jfisher
Member

I am running into the same issue.

- Gets cut off on IE 7
- Also there is no maxlength set so more than 2 characters can be entered

Any idea when this will be fixed?

Are there any other work around to handle times besides a text field and radio buttons/drop down for AM/PM?

Posted 13 years ago on Wednesday May 12, 2010 | Permalink
Kevin Flahaut
Administrator

The time field has been tested in IE7 and worked fine. It's most likely inheriting something from your theme and I may need to see it to know what to fix.

As far as the maxlength, I'll mention that to the team so we can get that updated in a future release.

Posted 13 years ago on Wednesday May 12, 2010 | Permalink
Kevin Flahaut
Administrator
Try appending this to your theme style sheet to fix the alignment issue..

.gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input{*margin-left:0;}

and you can add the maxlength attribute to the time fields for now with some jQuery added to you theme header file.
```
<script type="text/javascript">
jQuery(document).ready(function() {

jQuery('.gfield_time_hour input').attr('maxlength', '2');
jQuery('.gfield_time_minute input').attr('maxlength', '2');

});
</script>
```
Let us know if that works for you.
Posted 13 years ago on Wednesday May 12, 2010 | Permalink