Gravity Support Forums Topic: dynamicwp floating contact form

Gravity Support Forums Topic: dynamicwp floating contact form https://legacy.forums.gravityhelp.com/topic/dynamicwp-floating-contact-form Gravity Support Forums Topic: dynamicwp floating contact form en-US Sat, 04 Apr 2026 14:17:28 +0000 http://bbpress.org/?v=1.0.1 <![CDATA[Search]]> q https://legacy.forums.gravityhelp.com/search.php Green Marketing Specialists on "dynamicwp floating contact form" https://legacy.forums.gravityhelp.com/topic/dynamicwp-floating-contact-form#post-60095 Wed, 23 May 2012 13:45:37 +0000 Green Marketing Specialists 60095@https://legacy.forums.gravityhelp.com/ Thanks Rob Harrell on "dynamicwp floating contact form" https://legacy.forums.gravityhelp.com/topic/dynamicwp-floating-contact-form#post-59264 Thu, 17 May 2012 10:10:16 +0000 Rob Harrell 59264@https://legacy.forums.gravityhelp.com/ Based on your answer above, I'd recommend posting on the job board for this customization. <a href="http://www.gravityhelp.com/forums/forum/job-board" rel="nofollow">http://www.gravityhelp.com/forums/forum/job-board</a> First, you're not going to want to place all of that css into your theme's stylesheet - you don't need all of it. Second, the HTML part will need to go into your theme file somewhere - wherever you want this to show (either home page only or site-wide for example) and embed the Gravity Form there. You'll also need to enqueue scripts and styles for the form since you will be embedding it. See this documentation here: <a href="http://www.gravityhelp.com/documentation/page/Embedding_A_Form" rel="nofollow">http://www.gravityhelp.com/documentation/page/Embedding_A_Form</a> Third, the JS will also need to reside in a theme file as well, either in a place where you have scripts running or in the head or footer of the site (which will depend on how you want this to show - sitewide or single page only). Green Marketing Specialists on "dynamicwp floating contact form" https://legacy.forums.gravityhelp.com/topic/dynamicwp-floating-contact-form#post-59216 Wed, 16 May 2012 20:08:13 +0000 Green Marketing Specialists 59216@https://legacy.forums.gravityhelp.com/ <a href="http://www.gogreenmktg.com" rel="nofollow">http://www.gogreenmktg.com</a> Forgive me i'm a total NOOB So Following the instructions from the above link... I downloaded the sample page It had 3 folders in it ccs , images, and js... I placed all of the files into the directories accordingly (except the css file i just copied and pasted the code into my css) body{padding:0;margin:0; background:#39424b; font-family: verdana;} h1, h2{padding:0;margin:10px 0 10px 0;} h1 {font-size: 150%;} h2 {font-size: 110%;} p{padding:0; margin:0 0 5px 0;} a {color:#176092; text-decoration:none;} a:hover {text-decoration:underline;} #wrap {width:960px; margin: 0 auto; background:#999;} #header, #footer {background: #0f1923; color:#fff; padding:10px 40px;} #footer p {font-size:80%; text-align:right;} #content {background:#ccc; padding:10px 40px;} pre {font-size:85%; background:#fff; border:1px #ccc solid; padding:5px} Now i guess where i'm lost is the next part "Type the html" it gives you this code... <div class="slide-out-div"> <a href="http://link-for-non-js-users" rel="nofollow">Content</a> <h3>This is extra content</h3> Something that wasn't important enough to be in your main body, but that you wanted to hide off the side of your screen for some reason. Could be a form to submit feedback, or contact info </div> Its HTML so obiously i don't put it in the CSS but it doesn't tell you what file to put it in >< But im not sure where to put the other 2 blocks of code.... This Block... <div class="slide-out-div"> <a href="http://link-for-non-js-users" rel="nofollow">Content</a> <h3>This is extra content</h3> Something that wasn't important enough to be in your main body, but that you wanted to hide off the side of your screen for some reason. Could be a form to submit feedback, or contact info </div> or this block... $('.slide-out-div').tabSlideOut({ tabHandle: '.handle', //class of the element that will be your tab pathToTabImage: 'images/contact_tab.gif', //path to the image for the tab *required* imageHeight: '122px', //height of tab image *required* imageWidth: '40px', //width of tab image *required* tabLocation: 'left', //side of screen where tab lives, top, right, bottom, or left speed: 300, //speed of animation action: 'click', //options: 'click' or 'hover', action to trigger animation topPos: '200px', //position from the top fixedPosition: false //options: true makes it stick(fixed position) on scroll }); Ive tryed many places havent been able to get it to work >< Thanks for listening :} Rob Harrell on "dynamicwp floating contact form" https://legacy.forums.gravityhelp.com/topic/dynamicwp-floating-contact-form#post-59196 Wed, 16 May 2012 16:37:13 +0000 Rob Harrell 59196@https://legacy.forums.gravityhelp.com/ Not sure of an add-on coming for this, but you should be able to do this with jQuery. Do you have a link to your page with the form, or what you have so far? What specifically are you running into issues with? Green Marketing Specialists on "dynamicwp floating contact form" https://legacy.forums.gravityhelp.com/topic/dynamicwp-floating-contact-form#post-59195 Wed, 16 May 2012 16:33:54 +0000 Green Marketing Specialists 59195@https://legacy.forums.gravityhelp.com/ Hey guys im wondering if anyone have any new information on how to make a floating contact form and or when an add-on will be coming out? This one... <a href="http://www.dynamicwp.net/contact-form-demo-page/" rel="nofollow">http://www.dynamicwp.net/contact-form-demo-page/</a> I'm trying to follow these instructions but i'm having no luck : [ <a href="http://wpaoli.building58.com/2009/09/jquery-tab-slide-out-plugin/" rel="nofollow">http://wpaoli.building58.com/2009/09/jquery-tab-slide-out-plugin/</a>