https://legacy.forums.gravityhelp.com/topic/feedback-tab-slideout-add-on-request Gravity Support Forums Topic: "Feedback" Tab SlideOut Add-On Request en-US Mon, 20 Apr 2026 03:26:09 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/feedback-tab-slideout-add-on-request#post-30189 Sat, 16 Jul 2011 16:15:02 +0000 jimmy 30189@https://legacy.forums.gravityhelp.com/ <p>Oh, and thanks Kevin for jQuery idea. Today, you can find tonnes of slide out tabs for this sort of thing. If anyone else needs a simple shortcode to hand such, just check out CodeCanyon. That's where I got mine. </p> <p>Thanks again for GravityForms, it's the shizniz. </p> https://legacy.forums.gravityhelp.com/topic/feedback-tab-slideout-add-on-request#post-29466 Fri, 08 Jul 2011 11:42:32 +0000 Kevin Flahaut 29466@https://legacy.forums.gravityhelp.com/ <p>Thanks, but screenshot images don't help me at all here. I need to view the page markup and CSS.</p> <p>I'll be happy to take a quick look if you share a URL to the form page, but as I mentioned before, this is a customization and not a normal form support request, so you may want to consider hiring a developer to help you finish it up. </p> https://legacy.forums.gravityhelp.com/topic/feedback-tab-slideout-add-on-request#post-29464 Fri, 08 Jul 2011 11:27:42 +0000 rfm1999 29464@https://legacy.forums.gravityhelp.com/ <p>hi, </p> <p>check these images to the site first image shows the form preview after adding the tabs, this shows correctly. </p> <p><a href="http://www.dev.remodeler.com/Test_site/dev-remodeler-comPicture1.png" rel="nofollow">http://www.dev.remodeler.com/Test_site/dev-remodeler-comPicture1.png</a><br /> <a href="http://www.dev.remodeler.com/Test_site/dev-remodeler-comPicture2.png" rel="nofollow">http://www.dev.remodeler.com/Test_site/dev-remodeler-comPicture2.png</a></p> <p>second image is the form after viewing on the site. here not showing form<br /> I have taken two HTML block, created tabs in that and added html form code to it.</p> <p>thank you </p> https://legacy.forums.gravityhelp.com/topic/feedback-tab-slideout-add-on-request#post-29461 Fri, 08 Jul 2011 10:47:31 +0000 Kevin Flahaut 29461@https://legacy.forums.gravityhelp.com/ <p>@rfm1999</p> <p>Please post a URL to your form page so we can check it out. It sounds like you may have added some incorrect markup that's breaking your page layout. I can't tell you without seeing the page though. </p> https://legacy.forums.gravityhelp.com/topic/feedback-tab-slideout-add-on-request#post-29460 Fri, 08 Jul 2011 10:44:05 +0000 rfm1999 29460@https://legacy.forums.gravityhelp.com/ <p>hi,<br /> I have added the tabs now to the form using the HTML block,<br /> But there is small problem when I view the form its shows all the fields and tabs which I added. but when I added the short-code to the wordpress page to view I cant see the form there. I have checked all the settings but I cant see form view that added in the page. but I can see form preview. </p> <p>please help here </p> https://legacy.forums.gravityhelp.com/topic/feedback-tab-slideout-add-on-request#post-29294 Thu, 07 Jul 2011 08:35:26 +0000 Kevin Flahaut 29294@https://legacy.forums.gravityhelp.com/ <p>@rfm1999</p> <p>I really don't understand what you're asking for now. Since this is really a customization and not a support issue, I'd recommend contacting a good developer to help you get everything finished. You can find a good list of developers with Gravity Forms experience at the site linked below.</p> <p><a href="http://wpcandy.com/pros/experienced/with-gravity-forms" rel="nofollow">http://wpcandy.com/pros/experienced/with-gravity-forms</a> </p> https://legacy.forums.gravityhelp.com/topic/feedback-tab-slideout-add-on-request#post-29276 Thu, 07 Jul 2011 02:56:25 +0000 rfm1999 29276@https://legacy.forums.gravityhelp.com/ <p>Hi,<br /> Can you tell me where I can get the code that form generate, as I have given section breaks to the form at particular points like "your info" then section break and after "Company info" and section break. </p> <p>How can I get the particular code for "Your info" to put in the html block in which I have created the tabs. when I click on first tab, i:e "your info" then it shows all details and second tab for company info and so on, such that I can able to put code in different html blocks.</p> <p>I am not getting the code for generate for particular sections.</p> <p>please help here </p> https://legacy.forums.gravityhelp.com/topic/feedback-tab-slideout-add-on-request#post-29200 Wed, 06 Jul 2011 09:12:06 +0000 Kevin Flahaut 29200@https://legacy.forums.gravityhelp.com/ <p>I'm assuming you mean that each section denoted by a section break would be a tab. If so, many tab scripts us div tags or other containing elements around the content to implement the functionality. </p> <p>You could use the inline HTML blocks to wrap content in fieldsets or divs if you want. You have to be a little creative with the markup &amp; placement but it's not difficult to do. Here's a post that details how I added fieldset containers to a form.. you should be able to modify that slightly for divs instead.</p> <p><a href="http://www.gravityhelp.com/forums/topic/fieldsets#post-17019" rel="nofollow">http://www.gravityhelp.com/forums/topic/fieldsets#post-17019</a></p> <p>I can't really be any more specific than that. It all depends on which tab script you use and how they chose to implement it. You should be able to do it with a little work and creative use of the HTML fields. </p> https://legacy.forums.gravityhelp.com/topic/feedback-tab-slideout-add-on-request#post-29193 Wed, 06 Jul 2011 02:21:06 +0000 rfm1999 29193@https://legacy.forums.gravityhelp.com/ <p>Thanks for help<br /> Can you tell me how I can add tabs to every section break if I am using the tabs slides </p> https://legacy.forums.gravityhelp.com/topic/feedback-tab-slideout-add-on-request#post-29076 Mon, 04 Jul 2011 14:23:33 +0000 Kevin Flahaut 29076@https://legacy.forums.gravityhelp.com/ <p>@rfm1999</p> <p>You don't need an add-on for Gravity Forms to do tabs. You can do that with jQuery/CSS in your theme. There are tons of scripts out there to do it.. ( <a href="http://bit.ly/ivytEg" rel="nofollow">http://bit.ly/ivytEg</a> ) even some tab functionality built directly into the jQuery UI package.</p> <p><a href="http://jqueryui.com/demos/tabs/" rel="nofollow">http://jqueryui.com/demos/tabs/</a></p> <p>or maybe one like this..</p> <p><a href="http://www.building58.com/examples/tabSlideOut.html" rel="nofollow">http://www.building58.com/examples/tabSlideOut.html</a></p> <p>I'm assuming you want to put different forms in different tabs.. this wouldn't work for a multi-page form if that's what you were thinking. You would simply create your tabs, then <a href="http://www.gravityhelp.com/documentation/page/Embedding_A_Form" rel="nofollow">embed the forms</a> into the newly created tab containers/divs.</p> <p>If you're not very comfortable using jQuery/HTML/CSS etc., then you might consider using a pre-built WordPress plugin to add the tab functionality, then embed the form shortcodes in the tab areas as needed.</p> <p><a href="http://wordpress.org/extend/plugins/wordpress-post-tabs/" rel="nofollow">http://wordpress.org/extend/plugins/wordpress-post-tabs/</a></p> <p><a href="http://wordpress.org/extend/plugins/wordpress-tabs-slides/" rel="nofollow">http://wordpress.org/extend/plugins/wordpress-tabs-slides/</a> </p>