Embedding Form - seeing admin fields on front end?

Gravity Support Forums » Plugin Support » Gravity Forms

jonny
Member

Hi,

I'm trying to embed a form using the template tag:

<?php gravity_form(1, false, false, false, '', false); ?>

I see this:

http://lemongrasstest.co.uk/gravity.png

To see the form in question: http://lemongrasstest.co.uk/willow //click the image with 'two' written on it.

The input fields are unresponsive too, so I can't check to see if it's working functionly either.

Any help really appreciated,

Jon.

EDIT/ I've disabled all plugins and reactivated gravity forms. The page doesn't seem to be throwing up any javascript errors either. I can also drop a form into a post via shortcode with no issues.

Posted 11 years ago on Wednesday July 25, 2012 | Permalink
David Peralty

Can I have you try the following:
http://www.gravityhelp.com/documentation/page/Testing_for_a_Theme/Plugin_Conflict

Also, can you update the version of JQuery your theme is using as WordPress comes with 1.7.2 by default and you are using 1.6.2.
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js?ver=3.4.1'></script>

Posted 11 years ago on Wednesday July 25, 2012 | Permalink
jonny
Member

Hi david,
I've tried what you said above but seems not working anyway.
Let me specify what is my problem.

the portfolio page is a custom post type, that receive content through metaboxes, there has a php file called "theme-functions.php", i'm trying to embed a form dynamically, that will show for each portfolio item, so i've added the code on theme-functions.php, the form shows up, but i can't type into text fields and submit, something is messing up with form functionality.

Posted 11 years ago on Monday August 6, 2012 | Permalink
David Peralty

What code are you using to embed the form?

Posted 11 years ago on Monday August 6, 2012 | Permalink
David Peralty

You still have the following on-page errors:

Unsafe JavaScript attempt to access frame with URL http://lemongrasstest.co.uk/willow/ from frame with URL https://maps.google.co.uk/maps?oe=utf-8&client=firefox-a&channel=fflb&ie=UTF8&q=google+maps+willow+foundation&fb=1&gl=uk&hq=willow+foundation&hnear=0x48763b2cfae26d51:0x87c6eedf2bf3263,Welwyn+Garden+City&cid=0,0,733318191432309516&t=m&ll=51.762581,-0.213912&spn=0.00332,0.009634&z=16&output=embed. Domains, protocols and ports must match.
maps.gstatic.com/cat_js/intl/en_uk/mapfiles/426c/maps2/%7Bmain,mod_util,mod_act,mod_act_s,mod_actbr,mod_appiw,mod_mg,mod_mssvt,mod_pphover,mod_rst,mod_strr%7D.js:1779
Uncaught TypeError: Cannot read property 'load' of undefined /willow/:1
4
Unsafe JavaScript attempt to access frame with URL http://lemongrasstest.co.uk/willow/ from frame with URL http://www.facebook.com/plugins/likebox.php?border_color=%233b5998&channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D9%23cb%3Dfc77df718%26origin%3Dhttp%253A%252F%252Flemongrasstest.co.uk%252Ff2ee9aaeb8%26domain%3Dlemongrasstest.co.uk%26relation%3Dparent.parent&colorscheme=light&force_wall=true&header=false&height=450&href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FWillow-Foundation%2F135631196468227&locale=en_GB&sdk=joey&show_faces=true&stream=false&width=300. Domains, protocols and ports must match.

Posted 11 years ago on Monday August 6, 2012 | Permalink
jonny
Member

I'm using this code:

<?php gravity_form(1, false, false, true, '', true, 12); ?>
I'll try to disable the google maps plugin.

Posted 11 years ago on Monday August 6, 2012 | Permalink
jonny
Member

I've removed the google map, but still not working.
maybe i can send the theme-functions.php file to you check?

Posted 11 years ago on Monday August 6, 2012 | Permalink
David Peralty

Just as a double-check, can you try with the Twenty-Eleven theme to see if it is a theme issue?

Posted 11 years ago on Monday August 6, 2012 | Permalink
jonny
Member

I've changed theme to Twenty-Eleven, but how can we test it?
Because if i add on the other theme in any place it works, just for this place that is structured through Ajax functions that is not working.

Posted 11 years ago on Monday August 6, 2012 | Permalink
David Peralty

Yeah, that's my worry. I don't think you can use it the way you want without changing how the form is called. The fact that it is being pulled into the page through JavaScript might be messing with the form. Which theme are you using? Lead me through what you are doing step by step. The issue isn't with Gravity Forms, but a conflict with what you are trying to do.

Posted 11 years ago on Monday August 6, 2012 | Permalink
jonny
Member

http://pastie.org/private/o3hk3a0wyfg6lmsweahcq

Theme is : Yin Yang
Demo: http://themeforest.net/item/yin-yang-clear-and-slick-wp-portfolio-theme/634395

What i did: added <?php gravity_form_enqueue_scripts(1, true);?> on header before <?php wp_head ?>

then, added the code <?php gravity_form(1, false, false, true, '', true, 12); ?> on the theme functions (line 195)

Posted 11 years ago on Monday August 6, 2012 | Permalink
David Peralty

Why did you add the embed code to the theme functions file?

Posted 11 years ago on Monday August 6, 2012 | Permalink
David Peralty

What was the result of trying to use the do shortcode command?

Posted 11 years ago on Monday August 6, 2012 | Permalink
jonny
Member

I've added to the theme-functions.php because it's where the HTML is structured, so the form will follow bellow the other metaboxes.

When i tried with the shortcode, i got the same result as i got with the call function

Posted 11 years ago on Monday August 6, 2012 | Permalink
David Peralty

Can you disable all plugins except for Gravity Forms? Are you using the latest WordPress and Gravity Forms versions?

Posted 11 years ago on Monday August 6, 2012 | Permalink
David Peralty

Something is adding disabled=disabled to your form fields.

Posted 11 years ago on Monday August 6, 2012 | Permalink
jonny
Member

Done, all plugins disabled, just gravity form is activated , also yes, i'm using the latest version.

hmm, something adding disable?

Posted 11 years ago on Monday August 6, 2012 | Permalink
David Peralty

Yeah, I'm not sure what though as Gravity Forms doesn't have that built-in, so it isn't an option. The only plugins you have activated is Gravity Forms (not any add-ons?) Seems like the JavaScript or something in the theme might be doing it. Can you try the do-shortcode again now that everything is disabled?

Posted 11 years ago on Monday August 6, 2012 | Permalink
jonny
Member

Done, changed to do shortcode

Posted 11 years ago on Monday August 6, 2012 | Permalink
David Peralty

Hmm, can I get admin login details for your site to peralty@rocketgenius.com so I can log in and take a look and see if there is anything I can do?

Posted 11 years ago on Monday August 6, 2012 | Permalink
jonny
Member

still disabled, i'll check all javascript codes and get back here, maybe is something from this theme that is causing that, thanks David, i'll update here when in few minutes

Posted 11 years ago on Monday August 6, 2012 | Permalink
jonny
Member

Ok, email sent, if you find something let me know if i can help, thanks

Posted 11 years ago on Monday August 6, 2012 | Permalink
David Peralty

While I'm taking a look, can you reach out to the theme creator?

Posted 11 years ago on Monday August 6, 2012 | Permalink
David Peralty

Yeah, so one of the things that is happening is that Gravity Forms isn't adding stuff to the header, or registering properly that the form exists because of how it is being pulled in. It also looks like the JS is being changed based on theme JS that already exists.

You won't be able to use Gravity Forms in this location on this theme at this time. If the theme developer is willing to work with us, I can connect him or her to our developers to see if we can find a solution for that area of the theme.

Posted 11 years ago on Monday August 6, 2012 | Permalink