Embedded Forms 2.0 Duplicating in Drupal

Anonymous · ‎03-11-2015

Has anyone run into the issue when embedding a form on Drupal7, that the form appears without the custom CSS, and it is duplicated on the page? If so, what was the fix?

SanfordWhiteman · ‎03-12-2015

OK, found it after some hunting.

Your jQuery "mmenu" plug-in duplicates the Marketo form... if it runs after the Marketo Forms 2.0 has been rendered.

Solution: Render the Marketo form after the mmenu is finished. Put the Marketo code at the end of this block:

$(document).ready(function() {
var $mmenu_right = $("#mmenu_right");

...

MktoForms2.loadForm("//app-sjn.marketo.com", "417-GUB-995", 1442, function(){
jQuery('form#mktoForm_1442').addClass('munchkin-processed');
});

}(jQuery))

Also make sure the Marketo <SCRIPT> tag is in your <HEAD>.

View solution in original post

Anonymous · ‎03-18-2015

This worked, thank you @Sanford!

SanfordWhiteman · ‎03-12-2015

OK, found it after some hunting.

Your jQuery "mmenu" plug-in duplicates the Marketo form... if it runs after the Marketo Forms 2.0 has been rendered.

Solution: Render the Marketo form after the mmenu is finished. Put the Marketo code at the end of this block:

$(document).ready(function() {
var $mmenu_right = $("#mmenu_right");

...

MktoForms2.loadForm("//app-sjn.marketo.com", "417-GUB-995", 1442, function(){
jQuery('form#mktoForm_1442').addClass('munchkin-processed');
});

}(jQuery))

Also make sure the Marketo <SCRIPT> tag is in your <HEAD>.

Akhila1994 · ‎09-07-2022

HI Sanford,

I have embedded Form 2.0 in the WordPress page, but it was duplicating.

The same form I have used on different pages in WordPress there is working fine.

Can you please suggest how this can be solved

SanfordWhiteman · ‎09-07-2022

Please open a new thread and provide your URL.

Bonnieliu · ‎04-15-2020

@SanfordWhiteman Thanks for sharing this!

Curious, is this still working for you. Not sure if anything has changed since 2015, but our developer didn't find this solution to work in Drupal today. Do you have any other suggestions or ideas of what we can try to resolve to the duplication of forms in Drupal?

SanfordWhiteman · ‎04-15-2020

You'd have to provide your page. And pls open another thread in Products, this is way too old.

Anonymous · ‎03-11-2015

Here is a sample page: http://test-a10.gotpantheon.com/en/node/11

SanfordWhiteman · ‎03-11-2015

Wow, pretty cool. Kidding, but... I would assume the code is literally running twice and/or there are two identical container DIVs (which is actually not allowed in HTML standard but it may cause this kind of screwup). What's the URL?