Backend UI display bug

Sorry, this got bumped behind a few other priority support issues.. let me revisit it this evening and I'll see what i can come up with. Sorry to keep you waiting on it.

Drew,

I can't seem to replicate this in my tests.. can you go ahead and send me admin credentials to your site so I can check it out there? Please send them via the contact form and address it to my attention in the comments. Thanks.

http://www.gravityhelp.com/contact-us/

Hey Drew,

I've poked around for a while now and can't seem to replicate your display issue. Here are a few screenshots from my tests.

Firefox Mac - http://bit.ly/xexm0y
Chrome Mac - http://bit.ly/wfLhyX
IE9 PC - http://bit.ly/xogB81
Firefox PC - http://bit.ly/zCdHga
Chrome PC - http://bit.ly/zgFVvG

Not really sure what you're seeing. Have you tried clearing the browser cache to make sure there aren't some rogue CSS rules being cached? Not sure if that would really be it, but it's worth a shot.

Sure, I'll try that and see if I can replicate it. Thanks for the additional info.

Drew,

Sorry, I honestly got side-tracked with something and need to look at this again. That's really embarrassing. I sincerely apologize. Let me revisit this tonight and see what I can come up with.

Drew, here's what I found.

Your admin page is inheriting styles from another plugin ("venture event manager") that shouldn't be enqueueing scripts/styles on other pages. That's why you're seeing this at least..

admin screenshot: http://bit.ly/yK2TJN

The "tooltip" class is inheriting rules from this stylesheet.

http://173.254.48.174/wp-content/plugins/venture-event-manager/css/admin.css?ver=3.2.1 (line 93)

[css]
.tooltip {
	display:none;
	background:#DDECF7;
	border:4px solid #D1E5F5;
	font-size:12px;
	max-width:400px;
	min-width:150px;
	padding:10px;
	color:#333;
	z-index:1000;
}

I disabled the stylesheets for that plugin in my test and everything in the GF admin page displays as it should.

screenshot: http://bit.ly/xGFaat

I do now see where the panel cropping issue is coming from.. the main container in the admin page has an "overflow:hidden" property being applied inline. That's cropping/truncating the toolbox panels when you're working with a new form.

screenshot: http://bit.ly/w5GTxq

Normally, this inline style doesn't exist in the form editor page.

screenshot: http://bit.ly/xnpafs

Something other than Gravity Forms is adding this style inline. You're dealing with a script conflict here - something is adding the styles where they shouldn't be added. You'll need to test and see which plugin is causing the issue. It could very well be the event manager one I mentioned above. They don't need to output scripts on other plugin pages.. that's just sloppy on their end.

Hope that helps and thanks again for your patience.

On the tooltip thing.. it's more than just that. There are some other style issues and potentially some script conflicts as well if the other plugin is enqueueing their stuff on other admin pages. I would approach that developer and ask them about limiting their scripts to just their plugin admin pages. That's the proper way to do it. There shouldn't be a need to override other plugin's stuff if it's done correctly.

"Target a Specific Admin Page"
http://codex.wordpress.org/Plugin_API/Action_Reference/admin_enqueue_scripts