Funky Form & Embedding Problems « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

EasyDesignerWebsites
Member

I tried to embed a form on a page. I clicked on the little form icon and the "insert a form" box opened to select the form to embed. I clicked on "insert form" and nothing happens. Why can't I embed the form using this method?

I tried forcing the embed using the code [gravityform id=1 title=true description=true] and I got a form, but its looking kind of funky.

Here's the URL: http://jenniferbuyshouses.com/lets-get-started/

This is my first Gravity form, so please be gentle with me:o)

Posted 14 years ago on Wednesday October 27, 2010 | Permalink
David Smith
Member

I noticed two things that were funky with your form, both of which are caused by the form inheriting styles from your theme. The first item is the arrow bullet backgrounds on the checkbox fields. You can remove those by placing the following your theme's style.css file:

.gform_wrapper ul.gfield_checkbox, .gform_wrapper ul.gfield_radio { list-style: none; }

The other is the submit button which can be better styled like the rest of your site with this bit of css:

.gform_wrapper input.button { background:none repeat scroll 0 0 #181F25; color:#E6F1F1; font-size:1em; padding:0.7em 0.8em; }

In regards to your issue using the GF shortcode generator, there is likely a javascript error causing this. Could you let me know if you're getting a javascript error when you run this code and if so, what that error is?

Posted 14 years ago on Wednesday October 27, 2010 | Permalink

konditit
Member

I'm having the same 'insert form' issue when trying to insert the shortcode. Here is the javascript error message.
------
Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.5.21022; .NET CLR 1.1.4322; .NET CLR 3.5.30729; OfficeLiveConnector.1.4; OfficeLivePatch.1.3; .NET CLR 3.0.30729; .NET4.0C)
Timestamp: Sat, 30 Oct 2010 20:48:02 UTC

Message: Object doesn't support this property or method
Line: 914
Char: 17
Code: 0
URI: http://xxxx.xxxxx.com/wp-admin/post.php?post=1293&action=edit
------

Here's what the 'post.php. code looks like (line 914 in the error message is line 9 below)

function get_post_type_capabilities( $args ) {
	$defaults = array(
		'edit_post'          => 'edit_'         . $args->capability_type,
		'edit_posts'         => 'edit_'         . $args->capability_type . 's',
		'edit_others_posts'  => 'edit_others_'  . $args->capability_type . 's',
		'publish_posts'      => 'publish_'      . $args->capability_type . 's',
		'read_post'          => 'read_'         . $args->capability_type,
		'read_private_posts' => 'read_private_' . $args->capability_type . 's',
		'delete_post'        => 'delete_'       . $args->capability_type,
	);
	$labels = array_merge( $defaults, $args->capabilities );
	return (object) $labels;

Any ideas?

Posted 14 years ago on Saturday October 30, 2010 | Permalink

EasyDesignerWebsites
Member

David: Sorry it took so long to get back to you on this. I was able to take care of the arrow/bullet problem with your direction. Thank you!

Re: the submit button, I inserted the suggested fix in the stylesheet, but it hasn't made any difference. Perhaps I am inserting it in the wrong place? I put it in "default styling for forms".

Here's the URL once again: http://jenniferbuyshouses.com/lets-get-started/

Help please!

Posted 14 years ago on Tuesday December 7, 2010 | Permalink
Kevin Flahaut
Administrator
To begin with, I would update to the latest version of the forms plugin - version 1.4.5 - you should be able to do that via the auto update. There are some CSS revisions in the newer version along with some other updates. We always recommend that you run the latest version of the plugin.

That said, you can try replacing the previous snippet with the button rules with the ones below.
body .gform_wrapper .gform_footer input.button, body .gform_wrapper .gform_footer input[type=submit] {padding: 0.7em 0.8em; font-size:1em!important; color:#E6F1F1!important; font-family:inherit!important}
Copy
let us know how that goes.
Posted 14 years ago on Tuesday December 7, 2010 | Permalink
EasyDesignerWebsites
Member

Kevin: That worked. Thank you!

Posted 14 years ago on Tuesday December 7, 2010 | Permalink
Kevin Flahaut
Administrator

Super. I'm pleased to hear it. Thanks for the update.

Posted 14 years ago on Tuesday December 7, 2010 | Permalink
Carl Hancock
Administrator

@konditit Anytime a user is having an issue using the "Insert Form" when trying to insert the shortcode using the insert form wizard it is due to browser cache. Your browser hasn't loaded the necessary JS for this functionality because it loaded the JS for that page from cache. Clear your cache completely, restart your browser, and this will resolve the "Insert Form" issue.

Posted 14 years ago on Tuesday December 7, 2010 | Permalink
Anewbist
Member

is their a way that you can put the short code next to the form in the form section. I am also having problems with the code embed. and i would like to have another option that is not to complicated to past the short code into the page or post

Posted 14 years ago on Tuesday December 7, 2010 | Permalink
Carl Hancock
Administrator

@anewbist I explained above how to fix the "Insert Form" issue. It's not a Gravity Forms problem, it's a browser cache issue. Clear your cache, restart your browser and it will load the necessary JS and "Insert Form" will work. If not then it's a plugin or theme conflict causing the issue.

If you want a simple solution then manually type in the shortcode, it's simply:

[gravityform id=2]

Change the id to the id of the form you want to display, which you can get from the Edit Forms list page. Full details on additional shortcode options can be found here:

http://www.gravityhelp.com/documentation/embedding-a-form/

Posted 14 years ago on Tuesday December 7, 2010 | Permalink
Anewbist
Member

thank you

"Clear your cache, restart your browser and it will load the necessary JS and "Insert Form" will work. If not then it's a plug in or theme conflict causing the issue."

close out completely the browser

goto the control panel find the internet connection and clear out the cache and restart the browser.

working fine now

Posted 14 years ago on Tuesday December 7, 2010 | Permalink