jimmy
Member
I've searched for this feature as a WP plugin but can't find a worthy solution. The plugins are either outdated and/or unsupported or slow, modal types that lack the awesomeness of Gravity Forms.
I'm suggesting there may be a market for a SlideOut tab type or Modal type Add-On or plugin for Gravity Forms. Just a thought. ;)
The obvious alternative is to just link to a page with a feedback form on it.
We agree, and it is something we definitely plan on introducing.
@rfm1999
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.. ( http://bit.ly/ivytEg ) even some tab functionality built directly into the jQuery UI package.
http://jqueryui.com/demos/tabs/
or maybe one like this..
http://www.building58.com/examples/tabSlideOut.html
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 embed the forms into the newly created tab containers/divs.
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.
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.
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 & 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.
http://www.gravityhelp.com/forums/topic/fieldsets#post-17019
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.
Hi,
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.
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.
I am not getting the code for generate for particular sections.
please help here
@rfm1999
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.
hi,
I have added the tabs now to the form using the HTML block,
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.
please help here
@rfm1999
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.
hi,
check these images to the site first image shows the form preview after adding the tabs, this shows correctly.
http://www.dev.remodeler.com/Test_site/dev-remodeler-comPicture1.png
http://www.dev.remodeler.com/Test_site/dev-remodeler-comPicture2.png
second image is the form after viewing on the site. here not showing form
I have taken two HTML block, created tabs in that and added html form code to it.
thank you
Thanks, but screenshot images don't help me at all here. I need to view the page markup and CSS.
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.
jimmy
Member
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.
Thanks again for GravityForms, it's the shizniz.
