Is Forms 2.0 Embedded into an outside page not supported by IE8?

[Anonymous]

I have a new form we are using on a webinar page for people to register. We used the Marketo embedded way to do it. Does marketo forms 2.0 not support IE8 anymore? The form will show up but when using IE8 it asks if we still want to run the script and when we say yes it times out. It also does the same thing if we press no.

Any work arounds for this issue would be great.

Thanks!
-Marcy-

[Dana_Nemec]

I am adding to this thread to show that we too are experiencing problems with Forms 2.0 on a Marketo landing page not appearing when the user is using IE8. 

[Anonymous]

Hi - any news on resolving this? We made the choice to use embedded Forms 2.0 on our new website and the forms aren't rendering at all for some folks using IE8 and IE9 (nothing to do with Compatibility View or Tracking Protection.) Just to emphasize what's been pointed out already in the thread: if you have highly regulated, large enterprise clients in spaces like Pharma, Financial Services, etc. - quite a few still use relatively old versions of IE on their corporate network - so fixing this is a priority for us.

[Corey_Bethel]

Hi,

Not sure if this issue has been resolved, but I am experiencing a similar issue. The only forms that seem to be effected are the form that I used custom CSS for. I tested a form with no custom CSS and it works fine in IE8. Any suggestions as to what could cause the problem.

[Anonymous]

Jason, has there been any development on this? Thanks!

[Anonymous]

Hi Jason, the only option style-wise I set in the actual form was the width of each field. The rest of the styling was done by adding this into the Custom CSS section. IE7 completely ignores the styling.

/* Add your custom CSS below */

form.mktoForm {
  width: 100% !important;
}

.mktoForm .mktoOffset, .mktoForm .mktoGutter {
  display: none;
    }
    
.mktoForm .mktoFormCol {
  min-height: auto;
    }
    

.mktoForm fieldset legend, .mktoForm label {
  display: none;
  }

.mktoForm input[type="text"], .mktoForm input[type="email"], .mktoForm input[type="tel"] {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #cccccc;
    padding:5px 10px;
    color:#666666;
    font-size:13px;
    font-family:'Avenir LT W01 45 Book','Lucida Grande',Arial,Verdana,helvetica,sans-serif;
}

.mktoForm select.mktoField {
background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    padding: 4px 5px 4px 7px;
color: #666666;
    font-family: 'Avenir LT W01 45 Book','Lucida Grande',Arial,Verdana,helvetica,sans-serif;
    font-size: 13px;
  height: 28px;
}

#FirstName {
  margin-right: 6px !important;
}

#Email {
  margin-right: 6px !important;
}

#City {
  margin-right: 6px !important;
}

#State {
  margin-right: 6px !important;
}

#PostalCode {
}

#Lead_Source_Detail__c {
     background: url("http://www.astrumsolar.com/images/uploads/GetStarted/Form_Arrow.png") no-repeat #ffffff 0 3px;
     padding-left: 30px;
}

.mktoForm input.mktoInvalid:focus, .mktoForm select.mktoInvalid:focus{
    border: 1px solid #ff0000;
}

.mktoForm input.mktoInvalid, .mktoForm select.mktoInvalid {
  border: 1px solid #ff0000;
    }

.mktoForm .mktoRadioList > label, .mktoForm .mktoCheckboxList > label {
    color: #666666;
    font-family: 'Avenir LT W01 65 Medium','Lucida Grande',Arial,Verdana,helvetica,sans-serif;
    font-size: 11px;
    line-height: 16px;
    margin-top: 0;
    text-align: left;
}

.mktoForm fieldset {
  border: 0;
  margin: 0 !important;
  padding: 0 !important;
  }

.mktoForm .mktoButtonWrap  {
    margin-left: 0px !important;
    }

.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
      background: url("http://www.astrumsolar.com/images/uploads/GetStarted/Form_FreeSolarConsultation_Button.png") no-repeat !important;
    display: block;
      float: left;
      height:45px;
    line-height:45px;
    padding:0;
    margin-top:0px;
    margin-bottom: 15px;
    margin-left: 0px;
    width:273px;
    border:0 !important;
text-indent: -9999px;
  }


input::-webkit-input-placeholder {
    color: #666666;
}
input:focus::-webkit-input-placeholder {
    color: #CCCCCC;
}

/* Firefox < 19 */
input:-moz-placeholder {
    color: #666666;
}
input:focus:-moz-placeholder {
    color: #CCCCCC;
}

/* Firefox > 19 */
input::-moz-placeholder {
    color: #666666;
}
input:focus::-moz-placeholder {
    color: #CCCCCC;
}

/* Internet Explorer 10 */
input:-ms-input-placeholder {
    color: #666666;
}
input:focus:-ms-input-placeholder {
    color: #CCCCCC;
}



And my EMBED code (I took out our personal info):

<script src="//app-sj02.marketo.com/js/forms2/js/forms2.js"></script>
<form id="OURFORMCODE"></form>
<script>MktoForms2.loadForm("//app-sj02.marketo.com", "OURFORMCODE", OURFORMCODE);</script>

[Anonymous]

@Jen - do you have details on how you set the styles in the form (did you edit the css or select options in the editor?).  

@Marcelo and @Jean-Christophe - if there are still outstanding issues with Forms in IE, please give our Support crew a heads up.

Unfortunately, even after my original post, there was some confusion in the Support org about our stance on IE support that may have resulted in confusing messaging to the community.  

The team has been instructed to keep an eye out for issues that come in regarding support for older versions of IE due to the potential for long-standing issues that were lost in the shuffle.  

[Anonymous]

I'm curious as well... my Forms 2.0 embedded form is broken in IE7. None of the styles I set through Marketo are showing up.

[Anonymous]

Hi Jason, do you have any upgrade on this?

"Our devs are actively tracking an issue we've found with the new forms around versions of IE prior to IE9.  Once things are resolved, I'll provide an update on this thread."

Regards.

[Anonymous]

Same issue here. Eagerly awaiting the update on this by Marketo

[Anonymous]

Hi guys,

I think there was some confusion around the response on us supporting IE8.

Though we officially have ended support for all versions of IE prior to IE9 for our own interface, but for functionality that your leads interact with, we will continue support older browser versions.  We fully undersatnd that you can't control how your leads interact with your Marketing content.

Our devs are actively tracking an issue we've found with the new forms around versions of IE prior to IE9.  Once things are resolved, I'll provide an update on this thread.

Thanks,

Jason

[Dan_Stevens_]

And it's not like we can have our site visitors download alternative browsers just so they can engage with our landing pages.  I understand that Marketo does not support even newer versions of IE (such as IE10) - and we, as users, can use alternate browsers.  But this is completely different when it's not supported for our end-users/visitors.

[Anonymous]

I went ahead and put this problem into support. Looks like Marketo Forms 2.0 is not supporting IE very much. Below is the response I got. I understand why Marketo does not want to support IE as a developer I don't either but hopefully they understand that LOTS of people still use IE lower versions.

Working for a big company that won't allow us to upgrade past IE9 makes using Forms 2.0 very difficult for us. 


My name is James.

I hate to be the bearer of bad news, but Marketo is not supporting IE 8 with forms 2.0. The alternative is to use Firefox, or Chrome, or to update to IE 11 at this time.

Thank you,
James Zeigler

[Anonymous]

Yes I think that we are having the same issue as well.  I have tested it across chrome, firefox and IE9 and cannot recreate this issue but others are experience the problem where upon submitting the form there is hanging and then an error message and we do receive the submitted information.

Bug fixes?

[Anonymous]

Good to know. I have tested it IE9 and IE10 I didn't have any issues but its nice to know I am not the only one having the issue with IE8.

[Anonymous]

Looks like it's more than an IE8 issue. We're running into the same thing on IE7, 8, 9 &10. Is there any sort of work-around or bug fix?